Form Maker; Change hover color in CSS

  • Resolved seamus5

    (@seamus5)


    10 years, 11 months ago

    Hi,

    I am working with Form Maker and want to change the color of the submit button to fit in better with the branding of my site. I the general background color was easy as you can see in the code below, I changed it to #0098FF. But I can’t figure out how to change the color when it is hovering.

    I tried adding the ‘hover: #348E00;’ and that didn’t seem to work. Is there anything else?

    ‘.button-submit {
    color: #ffffff;
    cursor: pointer;
    hover: #348E00;
    display: inline-block;
    line-height: 35px;
    background: #0098FF;
    padding: 0px 20px;
    vertical-align: middle;
    font-size: 18px;
    min-width: 80px;
    min-height: 35px;
    font-family: Segoe UI;
    border: 1px solid transparent;
    margin: 5px;
    }’

    https://ww.wp.xz.cn/plugins/form-maker/

Viewing 3 replies - 1 through 3 (of 3 total)
  • Sona

    (@support-web-dorado)

    10 years, 11 months ago

    Dear user,

    Please instead use the following for the hover color change:

    .button-submit:hover {
    background: #348E00 !important;
    }

    Ankur DalsaniYa

    (@dalsaniaankur)

    10 years, 11 months ago

    Hello, Dear

    I thinks Your Site in css conflict problem. This problem Solution in Background color is Important apply …

    .button-submit:hover
{
	background: #348E00 !important;
}

    Thanks.

    Thread Starter seamus5

    (@seamus5)

    10 years, 11 months ago

    That works, thank you!

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘Form Maker; Change hover color in CSS’ is closed to new replies.