Move the submit button below recaptcha

  • Profile Image
    vtiportal
    Asked on October 18, 2017 at 01:59 PM

    I have injected this code for recaptcha to display:

    #input_71 {
       display: inline-block !important;
    }

    But the submit button is over the recaptcha panel. See attached. And that prevents the verification.

    Please provide a solution that will automatically move the submit button below the recaptcha verification panel, once I have clicked on "I am not a robot".


  • Profile Image
    Chriistian
    Answered on October 18, 2017 at 03:25 PM

    To fix the issue, please remove the recent injected custom CSS code on your form and inject this custom CSS code instead.

    #id_71 {

        display: inline-block !important;

    }

  • Profile Image
    vtiportal
    Answered on October 18, 2017 at 04:13 PM

    Works now for the page: https://vtiresourceportal.com/marketing-materials/business-cards/

    But not for this page: https://vtiresourceportal.com/marketing-materials/business-cards/

    I injected:

    #id_37 {
       display: inline-block !important;
    }

    and also tried:

    #input_37 {
       display: inline-block !important;
    }

    The submit button is still over recaptcha. See attached. Please provide a solution.

    1508357529Screen Shot 2017-10-18 at 4.11

  • Profile Image
    aubreybourke
    Answered on October 18, 2017 at 05:40 PM

    You can try adding this:

    display: block !important;

    to your .form-submit-button selector

    Hope that helps