Archived topic

Captcha position change .CSS help

5 replies · Started by Masuk Sarker Batista on January 21, 2021

Viewing posts 1–6 of 6

January 21, 2021 at 2:46 pm #1628521

This is my website login/registration page https://msbsquad.com/account

On the registration page, I have added a reCaptcha via a Plugin. But the default Recaptcha position is not so perfect.

I want to add a little bit of space on the top and bottom / and want to move the reCaptcha box position to the Right a little bit. https://share.msbofficial.com/9Zu0woP5

It will be great if you give me the .CSS code of it. After that, by adding px value I can set it in my desired position.

January 21, 2021 at 4:23 pm #1628584

Hi Masuk,

Try this CSS:

.page-id-162 .woocommerce-form-row .password-input {
    margin-bottom: 20px;
}
.page-id-162 .woocommerce-form-row.form-row button {
    margin-top: 20px;
}

#rc-anchor-container {
    margin-left: 4px;
}

Let me know :)

January 21, 2021 at 11:35 pm #1628823

working fine for top and bottom margin.

but Margin-left .css is not working! that means, the following one below.

#rc-anchor-container {
margin-left: 4px;
}

it will be great if you recheck the give me the updated CSS for Margin Left

January 22, 2021 at 2:12 am #1628961

Hi there,

replace that with:

.anr_captcha_field {
    margin-left: 4px;
}

January 23, 2021 at 6:16 am #1630295

it works! thanks a lot.

January 23, 2021 at 7:42 am #1630509

Glad to hear that

This archived topic is closed to new replies.

Start building better websites today.