Change button mouseover color

  • Author
    Posts
  • #159262

    donnieonu14
    Member

    Hi Anh,

    I’m attempting to change the mouseover/hover color for the buttons on my site so they better match my branding, but have yet to be able to figure out how to adjust that with custom CSS. My site is https://wsotpcreative.com, and you can see the buttons more clearly on https://wsotpcreative.com/services. Currently, hovering over those buttons shows the them’s default green color. I’d like for it to fill on mouseover/hover with #ff6600, the same color as the buttons themselves.

    Could you provide some guidance?

    Thanks,

    The blog I need help with is wsotpcreative.com.

    #159592

    anhtnt
    Theme Author

    Hi,

    Yes, it’s possible. I see you already figured it out for solid button, but the outline button still has some issue. So, please try this CSS:

    .is-style-outline .wp-block-button__link:hover, .wp-block-button__link:focus {
        border-color: #cb6826;
        background-color: #cb6826;
    }

The topic ‘Change button mouseover color’ is closed to new replies.