Tagged: ReCAPTCHA
-
AuthorPosts
-
March 29, 2023 at 1:16 am #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!
March 29, 2023 at 12:50 pm #1402902March 30, 2023 at 4:48 am #1402985Hi there Yigit,
I’ve posted a link to the page in the private content. Thank you for your help!
March 31, 2023 at 4:07 am #1403066Hi,
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,
IsmaelMarch 31, 2023 at 5:54 am #1403083Hi 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.April 1, 2023 at 12:07 pm #1403187Hi,
You can use the email in private, just remember to post the actual login details here in this thread.
Best regards,
RikardApril 3, 2023 at 3:49 am #1403353Thank you Rikard – I’ve popped the login details in private. Thank you!
April 4, 2023 at 7:09 pm #1403544Hi,
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:
Please clear your browser cache and check.Best regards,
MikeApril 5, 2023 at 3:29 am #1403563Hi 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!
April 5, 2023 at 11:51 am #1403597Hi,
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,
MikeApril 6, 2023 at 2:20 am #1403662Thank you so much Mike! It all looks great now. I appreciate your work on this 😊
April 6, 2023 at 11:52 am #1403707Hi,
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 -
AuthorPosts
- The topic ‘Contact Form – Submit button appearing underneath Email field’ is closed to new replies.