-
AuthorPosts
-
November 5, 2024 at 2:12 pm #1470659
Hi Support
In advance styling I have added 50px (border radius) to the styling of buttons, but there is no change in the style of the button in the contact form.
Is it correct to adjust the radius here? or is a css-code needed?In case if there is a need for a css-change, will you be able to provide this?
Font color: #ffffff
Back ground color: #55726f
Back ground hover: #55726f
Thanks
Best regards
LeneNovember 5, 2024 at 4:04 pm #1470666The rulesets concerning to contact form are:
.avia_ajax_form .button { border-radius: 15px; color: #fff; } .main_color input[type="submit"]{ background-color: #55726f; } .main_color input[type="submit"]:hover{ background-color: #37a196; }
if you realy like to have no color – change on hover – change to your needs
November 6, 2024 at 10:42 am #1470752Hi Guenni007
Many thanks for your input.
I have inserted the code and it works fine.
I just noticed that button size should be X large.Please could you provide an update code with the button size included.
Many thanks
Best regards
LeneNovember 6, 2024 at 6:05 pm #1470773you can do that via font-size and either padding or min-width:
.avia_ajax_form .button { padding: 16px 50px; font-size: 1.4em; min-width: 200px; }
November 7, 2024 at 5:36 am #1470802Hi,
Thank you for the update.
We would like to apply the css modification, but the login details provided seem to be invalid. Please verify the info or provide another admin account.
Best regards,
IsmaelNovember 7, 2024 at 10:46 am #1470829This reply has been marked as private.November 8, 2024 at 6:03 am #1470870Hi,
Thank you for the update.
We edited the code in the Quick CSS field:
.avia_ajax_form .button { padding: 21px 50px; font-size: 15px; min-width: 200px; letter-spacing: 0.05em; font-weight: 700; }
Best regards,
IsmaelNovember 8, 2024 at 11:27 am #1470895This reply has been marked as private.November 11, 2024 at 7:05 am #1471048Hi,
We adjusted the font of the submit button and the padding as requested.
.avia_ajax_form .button { padding: 21px 50px; font-size: 15px; min-width: 200px; letter-spacing: 0.05em; font-weight: 400; font-family: 'open sans', Helvetica, Arial, sans-serif; padding-bottom: 23px; padding-top: 25px; }
Best regards,
IsmaelNovember 11, 2024 at 10:31 am #1471064This reply has been marked as private.November 12, 2024 at 3:53 am #1471129 -
AuthorPosts
- The topic ‘Contact for: Styling submit bottom’ is closed to new replies.