Button Position When Using ReCaptcha

  • Resolved sgclark

    (@sgclark)


    4 years, 6 months ago

    I’m using Forminator for my contact me form. And I am also using the ‘invisible’ ReCaptcha capability from Google. When I do this, Formniator adds the recaptcha module into one of it’s CSS rows (CSS Class: forminator-row).

    Is there a way you could make enable me/us to move the “Submit” button above or next to the recaptcha module so there is not such a huge amount of space between the form and the submit button? Please see my page above and the below screen shot for more context.

    ??https://www.dropbox.com/s/weiewhy2cnixav9/Screenshot_2020-05-20_13_59_29.png?dl=0

    Basically, all i want to do is move the SUBMIT button up so it is closer to the last field of the form, and there is not this huge white space between them. I tried using CSS to reduce the width of the row that the reCaptcha module, so the button would float up but that did not work since the ‘forminator-row’ class spanned the full width of the form.

    Thanks

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

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Support Saurabh – WPMU DEV Support

    (@wpmudev-support7)

    Hello @sgclark,

    I see the form is not visible as the main form element has a display: none applied. I can see the form once I change the property.

    I see that you are currently using invisible ReCaptcha which is why it is not visible as of now. Could you help me with the screenshot on what exactly would you like to change now as you are using the invisible ReCaptcha?

    I am looking forward to hearing from you on it.

    Regards,
    Prathamesh Palve

    Thread Starter sgclark

    (@sgclark)

    I don’t understand what you mean by ‘the form is not visible as the main form element has ‘display:none;’. I’m seeing the form perfectly fine in my browser. Could you clarify what you mean?

    What I want is for the “Submit” button to be moved up closer to the form itself. So there is not so large a gap of white space between the message field and the button. Make sense? See screen shot below.

    https://www.dropbox.com/s/dx46no7raa1foi6/Screenshot_2020-05-20_17_56_29.png?dl=0

    • This reply was modified 4 years, 6 months ago by sgclark.
    Plugin Support Williams – WPMU DEV Support

    (@wpmudev-support8)

    Hi @sgclark

    Thank you for screenshot, it helps.

    However, you mentioned initially that you’re using “invisible reCaptcha” – did you change that?

    I have just visited the contact page on your site (as linked from original ticket) and I can see the standard reCaptcha there (tested in different browsers):

    https://monosnap.com/file/Ah4nhj2ODXqpIR16lu3PYftfVbvfui

    That’s fine, of course, but it actually fills-in the gap that you wanted to remove so I’m slightly confused on what to do next then and if your initial request is still valid or if that’s maybe some other unexpected behavior to check (that the reCaptch actually shows up there).

    Please advice.

    Kind regards,
    adam

    Hello @sgclark

    I hope you are doing well!

    We haven’t heard back from you for a while now so we’ve marked this ticket as resolved. If you do have any followup questions or require further assistance feel free to reopen it and let us know here.

    Kind regards,
    Nastia

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Button Position When Using ReCaptcha’ is closed to new replies.