Removing Hover Style on Submit Button

  • Resolved sherrin74

    (@sherrin74)


    7 years, 8 months ago

    I am unable to get rid of the original light blue hover style on the submit button. I have the non-hover state set to the color I want in the CSS below, but I don’t see how to get rid of the existing hover after looking at all the button CSS.

    .btn-primary {
    color: #fff;
    background-color: #001669;
    border-color: #001669;
    }

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author Farhan Noor

    (@farhannoor)

    7 years, 8 months ago

    Hi Sherrin,

    Use class with hover attribute, like this:

    .btn-primar:hover {
    background-color: #555;
    }

    Best Regards.

    keywon

    (@keywon)

    7 years, 7 months ago

    Hello Farhan

    Please tell me where to add this code?

    and if I add this code in additional css will it change all buttons on my site?

    regards

    Plugin Author Farhan Noor

    (@farhannoor)

    7 years, 7 months ago

    Hi keywon!
    There is a little mistake in above code, You can write below code in your theme’s style sheet or look for a CSS plugin & write code in the style sheet editor provided by that plugin. It will not change styling of other buttons on your website. 

    
.aol-wrapper .btn-primary:hover {
color: #fff;
background-color: #555;
}

    You can use your required color code for above selectors.

    Best Regards.

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

The topic ‘Removing Hover Style on Submit Button’ is closed to new replies.