Global rules for button hover

  • Resolved chrisalton11

    (@chrisalton11)


    2 years, 1 month ago

    Hi I was told by a moderator to turn this question into a new forum topic:

    Is there a standard global rule or setting for button hover on WordPress? Several of my plugins (Save For Later, Gift Cards, etc) seem to be using a global rule, and still default to what looks like a 10% or 20% darken-on-hover effect, instead of adopting the hex colors from the CSS I added using the following selector:

    a:hover.button {

    Thanks for your time,
    Chris

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

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

    (@babylon1999)

    Hello @chrisalton11,

    The global button settings don’t have a hover effect in Storefront, at least not by default. You can use something like this and replace the red with #hex-value:

    /* Global button hover colour */
button:hover {
  background-color: red !important;
}

    Hope it helps!

    Thread Starter chrisalton11

    (@chrisalton11)

    Hi Saif,

    It seems to change some of the buttons but not all of them. I’ll keep working on it.

    Thanks,
    Chris

    Saif

    (@babylon1999)

    Hello @chrisalton11,

    Not all buttons share the same selector, if you need more help with this you can share with us the URL and some screenshots of the button that didn’t change and we’ll be more than happy to provide another snippet for it. ??

    Cheers!

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Global rules for button hover’ is closed to new replies.