[Resolved] Captcha position change .CSS help

Home Forums Support [Resolved] Captcha position change .CSS help

Home Forums Support Captcha position change .CSS help

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #1628521
    Masuk Sarker Batista

    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.

    #1628584
    Ying
    Staff
    Customer Support

    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 🙂

    #1628823
    Masuk Sarker Batista

    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

    #1628961
    David
    Staff
    Customer Support

    Hi there,

    replace that with:

    .anr_captcha_field {
        margin-left: 4px;
    }
    #1630295
    Masuk Sarker Batista

    it works! thanks a lot.

    #1630509
    David
    Staff
    Customer Support
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.