hCaptcha Placement on Gravity Forms/Elementor Pro Form

  • Resolved dqeve

    (@dqeve)


    2 years, 10 months ago

    Hi, I just switched over our website forms to use hCaptcha and the Captcha field is affecting the position of the submit button of all our forms.

    We use Gravity Forms and style them with Elementor Pro, and it seems that the hCaptcha field is being placed on the same line right next to the submit button.

    Is there a way to have the hCaptcha field be on its own line above the submit button?

    Here is an example of what it currently looks like: https://pasteboard.co/ilf8y4Hoe4SH.png

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

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Contributor kaggdesign

    (@kaggdesign)

    2 years, 10 months ago

    The problem on your site is caused clashing of Elementor and Gravity Form settings. Just add the rule

    .gform_footer.top_label {
  display: block;
}

    and the form will look properly:

    Thread Starter dqeve

    (@dqeve)

    2 years, 10 months ago

    Thanks for your help! I had to tweak it a bit to apply it to all forms on the site:

    .gform_wrapper div.gform_footer.top_label {
    display: block;
    }

Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘hCaptcha Placement on Gravity Forms/Elementor Pro Form’ is closed to new replies.