Title: Global rules for button hover
Last modified: October 6, 2022

---

# Global rules for button hover

 *  Resolved [chrisalton11](https://wordpress.org/support/users/chrisalton11/)
 * (@chrisalton11)
 * [3 years, 8 months ago](https://wordpress.org/support/topic/global-rules-for-button-hover/)
 * 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](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fglobal-rules-for-button-hover%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

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

 *  [Saif](https://wordpress.org/support/users/babylon1999/)
 * (@babylon1999)
 * [3 years, 8 months ago](https://wordpress.org/support/topic/global-rules-for-button-hover/#post-16081261)
 * Hello [@chrisalton11](https://wordpress.org/support/users/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](https://wordpress.org/support/users/chrisalton11/)
 * (@chrisalton11)
 * [3 years, 7 months ago](https://wordpress.org/support/topic/global-rules-for-button-hover/#post-16141677)
 * Hi Saif,
 * It seems to change some of the buttons but not all of them. I’ll keep working
   on it.
 * Thanks,
    Chris
 *  [Saif](https://wordpress.org/support/users/babylon1999/)
 * (@babylon1999)
 * [3 years, 7 months ago](https://wordpress.org/support/topic/global-rules-for-button-hover/#post-16146882)
 * Hello [@chrisalton11](https://wordpress.org/support/users/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.

 * ![](https://i0.wp.com/themes.svn.wordpress.org/storefront/4.6.2/screenshot.png)
 * Storefront
 * [Support Threads](https://wordpress.org/support/theme/storefront/)
 * [Active Topics](https://wordpress.org/support/theme/storefront/active/)
 * [Unresolved Topics](https://wordpress.org/support/theme/storefront/unresolved/)
 * [Reviews](https://wordpress.org/support/theme/storefront/reviews/)

## Tags

 * [button](https://wordpress.org/support/topic-tag/button/)
 * [color](https://wordpress.org/support/topic-tag/color/)
 * [hover](https://wordpress.org/support/topic-tag/hover/)
 * [setting](https://wordpress.org/support/topic-tag/setting/)

 * 3 replies
 * 2 participants
 * Last reply from: [Saif](https://wordpress.org/support/users/babylon1999/)
 * Last activity: [3 years, 7 months ago](https://wordpress.org/support/topic/global-rules-for-button-hover/#post-16146882)
 * Status: resolved