Tagged: 

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • October 14, 2022 at 9:10 am #1368824
    oestersund

    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 #1368828
    Ismael

    Hey 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,
    Ismael

    October 14, 2022 at 9:41 am #1368829
    oestersund

    ah, ok. And then I can add addtl specs as

    font-size: 22px;

    etc?

    October 14, 2022 at 11:50 am #1368849
    Mike

    Hi,
    Correct, unless there is anything else we can help with on this issue, shall we close this then?

    Best regards,
    Mike

    October 14, 2022 at 6:29 pm #1368902
    oestersund

    Hi 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 #1368905
    Mike

    Hi,
    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,
    Mike

    October 15, 2022 at 12:20 pm #1368939
    oestersund

    fine – thx a lot Mike & best regards Tilman

    October 15, 2022 at 12:31 pm #1368940
    Mike

    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

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Send button color on contact form’ is closed to new replies.