Change the button hover colour

  • Hi,

    I have two button types, one style is ‘fill’ which is a lovely green with white writing. The other style is ‘outline’ with a white background and green text and outline. They look great until you go to preview and hover over the second button. The hover colour is the default from the Dara theme, a turquoise colour. I would love the hover colour to be this off-white #e8eeea on all similar buttons.

    Any help would be really appreciated.

    Cheers,

    Lou

    The page I need help with: [log in to see the link]

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

  • Hi there,

    Please try the following CSS, which should do the trick:

    .entry-content .wp-block-button .wp-block-button__link:active,
.entry-content .wp-block-button .wp-block-button__link:focus,
.entry-content .wp-block-button .wp-block-button__link:hover {
    background-color: #e8eeea;
}

    Hope this helps!

    Thread Starter basesurf

    (@basesurf)

    Thanks very much that has worked perfectly!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Change the button hover colour’ is closed to new replies.