![Check out Enfold](https://kriesi.at/wp-content/themes/kriesi/images/banner-enfold.jpg)
Tagged: CONTACT FORM
-
AuthorPosts
-
October 14, 2022 at 9:10 am #1368824
Dear Team,
on my page below I´ve tried to modify the send button appearance using this CSSS as recommended in another post. But at my end it is not working:/*Formular Senden Button*/
.main_color input[type=’submit’] {
background-color: orange;
color: black;
border-color: orange;
}
.main_color input[type=’submit’]:hover {
background-color: red;
color: white;
border-color: red;
}Furthermore, I want the font buttons size bigger.
It would be great if you can help me acc. Thx a lot & best regards Tilman
October 14, 2022 at 9:39 am #1368828Hey Tilman,
Thank you for the inquiry.
The css code above is not working because the contact form is contained in an alternate section. Please try this css code instead.
#top .alternate_color .av-open-submenu.av-subnav-menu li>ul a:hover, .alternate_color #submit, .alternate_color .avia-menu-fx, .alternate_color .avia-menu-fx .avia-arrow, .alternate_color .image-overlay .image-overlay-inside:before, .alternate_color input[type=submit], .responsive #top .alternate_color .av-open-submenu.av-subnav-menu>li>a:hover, div .alternate_color .button { background-color: orange; color: white; border-color: cornsilk; }
Best regards,
IsmaelOctober 14, 2022 at 9:41 am #1368829ah, ok. And then I can add addtl specs as
font-size: 22px;
etc?
October 14, 2022 at 11:50 am #1368849Hi,
Correct, unless there is anything else we can help with on this issue, shall we close this then?Best regards,
MikeOctober 14, 2022 at 6:29 pm #1368902Hi Mike,
now I use:#top .alternate_color .av-open-submenu.av-subnav-menu li>ul a:hover, .alternate_color #submit, .alternate_color .avia-menu-fx, .alternate_color .avia-menu-fx .avia-arrow, .alternate_color .image-overlay .image-overlay-inside:before, .alternate_color input[type=submit], .responsive #top .alternate_color .av-open-submenu.av-subnav-menu>li>a:hover, div .alternate_color .button {
background-color: white;
border-color: #234029;
font-color: #234029;
border-color: #234029;
font-size: 19px;
}font size ist fine now, I was not successful re. modifying hover background color – what would be the correct css addition acc?
Thx a lot, Tilman
October 14, 2022 at 11:06 pm #1368905Hi,
If you want the background color of the button to be white on hover and the button text to remain the same, try this css:#main .alternate_color input[type=submit]:hover { background-color: #fff; color: #234029; }
After applying the css, please clear your browser cache and check.
Best regards,
MikeOctober 15, 2022 at 12:20 pm #1368939fine – thx a lot Mike & best regards Tilman
October 15, 2022 at 12:31 pm #1368940Hi,
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 ‘Send button color on contact form’ is closed to new replies.