Change button mouseover color

  • Author
  • #159262


    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, and you can see the buttons more clearly on 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?


    The blog I need help with is


    Theme Author


    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.