Adding a class to recaptcha

  • Resolved benwrigley

    (@benwrigley)


    5 years, 10 months ago

    Hi There,

    I am *useless* with CSS but I have managed to write a class to center the form fields on this sign-up form.

    However the recaptcha is still stuck on the left. How can I centre this too?

    Thanks!

    The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Contributor yikesitskevin

    (@yikesitskevin)

    Hi @benwrigley,

    Try this CSS:

    .g-recaptcha {
    margin-left: 10%;
}

    This will align the reCAPTCHA with the input fields. And you can adjust the margin if you want the reCAPTCHA to be centered.

    Cheers,
    Kevin.

    Thread Starter benwrigley

    (@benwrigley)

    Hi Kevin,

    I’ve added this to my global CSS, no impact i’m afraid ??

    Any other suggestions?

    Thanks

    Ben

    Plugin Contributor yikesitskevin

    (@yikesitskevin)

    Hey Ben,

    I see the style on the page but it’s getting overwritten by other styles. Let’s make it more specific. Try changing it to this:

    .yikes-mailchimp-container div.g-recaptcha {
    margin-left:10%
}

    I also think that the form could use some padding on the bottom so it sits inside the background image better. If you’d like that, add this CSS.

    section#yikes-mailchimp-container-1 {
    padding-bottom: 10px;
}

    Here’s what those changes look like when I add them in the browser: https://imgur.com/a/Zk90PfY

    Cheers,
    Kevin.

    Thread Starter benwrigley

    (@benwrigley)

    Hi Kevin,

    Thank you that’s brilliant.

    Best

    Ben

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Adding a class to recaptcha’ is closed to new replies.