Tagged: 

Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • #1402842

    Hi there,

    I’ve just applied reCAPTCHA to a Contact Form, and now the Submit button has dropped underneath the Email field. I’d like them both aligned side by side. I’ve attached a screenshot so you can see what I’m trying to achieve.

    Thanks!

    #1402902

    Hey,

    Please post a link to your page where we can inspect the issue.

    Cheers!
    Yigit

    #1402985

    Hi there Yigit,

    I’ve posted a link to the page in the private content. Thank you for your help!

    #1403066

    Hi,

    Thank you for the update.

    The page above redirects to a 404 page, seems like it doesn’t exist. Do we have to login in order to access the page? Please provide the login info in the private field.

    Best regards,
    Ismael

    #1403083

    Hi Ismael,
    Thanks for your response. Can you please let me know an email address I can send you login details for? I’d like to set you with a temporary login.

    #1403187

    Hi,

    You can use the email in private, just remember to post the actual login details here in this thread.

    Best regards,
    Rikard

    #1403353

    Thank you Rikard – I’ve popped the login details in private. Thank you!

    #1403544

    Hi,
    Thanks for your patience and the link to your site, I added this code to the end of your child theme functions.php file in Appearance ▸ Editor:

    function custom_script() { ?>
      <script>
    window.addEventListener('DOMContentLoaded', function() {
    (function($){
    	setTimeout(function(){
    $('#footer-template .av-recaptcha-submit').insertAfter($('#element_avia_1_1'));
    },400);
    })(jQuery);
    });
    </script>
      <?php
    }
    add_action('wp_footer', 'custom_script');

    and this css to your child theme stylesheet:

    #footer-template .avia_ajax_form #element_avia_1_1.form_element_three_fourth {
        width: 68%;
        float: left;
        margin-right: 1%;
    }
    #footer-template .avia_ajax_form .button.av-recaptcha-submit {
        margin-top: 8px;
        padding: 14px 20px;
    }
    #footer-template .avia_ajax_form p:nth-child(8) {
        top: -35px;
    }
    @media only screen and (max-width: 761px) { 
    	#footer-template .avia_ajax_form #element_avia_1_1.form_element_three_fourth {
        width: 58%;
    }
    }
    @media only screen and (min-width: 762px) and (max-width: 1024px) { 
    	#footer-template .avia_ajax_form #element_avia_1_1.form_element_three_fourth {
        width: 63%;
    }
    }
    

    and cleared your Autoptimize cache and this is the result:
    Enfold_Support_1677.jpeg
    Please clear your browser cache and check.

    Best regards,
    Mike

    #1403563

    Hi Mike,
    Thank you for looking into this. The alignment is working on the home page, but all the other ‘Product’ pages and our ‘Ask us Anything’ page – the SUBMIT button is missing. Can you please help with that?

    Thanks!

    #1403597

    Hi,
    Thanks for the feedback, on some of your pages you have another contact form in the content so the footer page form has a different ID so this was not working correctly, I adjusted the script and css and it seems to work on the pages I test, please clear your browser cache and check.
    You may need to clear the Autoptimize plugin again.

    Best regards,
    Mike

    #1403662

    Thank you so much Mike! It all looks great now. I appreciate your work on this 😊

    #1403707

    Hi,
    Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

    Best regards,
    Mike

Viewing 12 posts - 1 through 12 (of 12 total)
  • The topic ‘Contact Form – Submit button appearing underneath Email field’ is closed to new replies.