-
AuthorPosts
-
October 13, 2025 at 10:16 am #1490107
Hello guys,
Here is my page link : http://www.kerry-han.fr/contact
And i wanted to know if someone can give me a code to make the button more closer to the inputs of the form please.Thanks !
October 13, 2025 at 11:03 am #1490115Hey Alexandre,
Please try the following in Quick CSS under Enfold->General Styling:
.page-id-15 .av-recaptcha-submit { margin-top: -20px; }Best regards,
RikardOctober 13, 2025 at 11:08 am #1490117The value of -20 is not good because it takes only -10 and no more, do you have an issue ?
October 13, 2025 at 4:04 pm #1490128Hi,
I’m not sure that I understand your last reply, could you try to explain a bit further please?
Best regards,
RikardOctober 13, 2025 at 7:23 pm #1490148The space between the button and the last field of the form does not exceed 10 pixels regardless of the added value greater than 10
October 14, 2025 at 8:45 am #1490176Hi,
There is space added there for recaptcha. If you need further help, then please specify the exact space you are looking to have between the message box and the send button.
Best regards,
RikardOctober 14, 2025 at 9:55 am #1490184October 14, 2025 at 12:02 pm #1490194you should shift not the button but the p-tag that has that button.
because pseudo class :has is already for most browsers usable we can do:.page-id-15 p.form_element:has(.av-recaptcha-submit) { margin-top: -20px; }or if you are able to give a custom-class to that p-tag use that instead for better browser support.
October 14, 2025 at 4:53 pm #1490206Hi,
Thanks for helping out @guenni007. Did that answer your question @VachetAlexandre?
Best regards,
RikardOctober 15, 2025 at 9:45 am #1490242It seems so, Rikard, because the page now looks as desired.
even though I believe that 20px is more like an equidistance. ;)October 16, 2025 at 9:31 am #1490281Thanks for your help @Guenni007 it solve my problem, the ticket can be close.
-
AuthorPosts
- The topic ‘Submit button on contact form’ is closed to new replies.

