Title: Hover color CSS does not work
Last modified: November 28, 2020

---

# Hover color CSS does not work

 *  Resolved [ledinhtan](https://wordpress.org/support/users/ledinhtan/)
 * (@ledinhtan)
 * [5 years, 6 months ago](https://wordpress.org/support/topic/hover-color-css-does-not-work/)
 * I have this CSS to change hover color on my site. But it doesn’t work. Do I miss
   something?
    Thank you for your help.
 *     ```
       .scriptlesssocialsharing__buttons a.button {
           background-color: #f15025 !important;
           color: #ffffff;
           border-radius: 5px;
           margin-right: 5px;
           margin-left: 5px;
           font-size: 15px;
           letter-spacing: 2px;
           font-weight: 600;
       }
   
       .scriptlesssocialsharing__buttons {
           justify-content: center;
       }
   
       .scriptlesssocialsharing-buttons a.button:hover {
         background-color: #2a2b2a;
         color: #ffffff;
       }
       ```
   
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fhover-color-css-does-not-work%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

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

 *  Plugin Author [Robin Cornett](https://wordpress.org/support/users/littlerchicken/)
 * (@littlerchicken)
 * [5 years, 6 months ago](https://wordpress.org/support/topic/hover-color-css-does-not-work/#post-13722816)
 * It looks like your parent selector on your hover rule is not correct. Try changing
   it to `.scriptlesssocialsharing__buttons a.button:hover`. Additionally, because
   you have the `!important` on the initial background-color, you’ll need to make
   the hover color `!important` as well. Hope that helps!
 *  Thread Starter [ledinhtan](https://wordpress.org/support/users/ledinhtan/)
 * (@ledinhtan)
 * [5 years, 6 months ago](https://wordpress.org/support/topic/hover-color-css-does-not-work/#post-13723662)
 * Yes, It worked. Thank you so much Robin!

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

The topic ‘Hover color CSS does not work’ is closed to new replies.

 * ![](https://ps.w.org/scriptless-social-sharing/assets/icon-256x256.jpg?rev=1361689)
 * [Scriptless Social Sharing](https://wordpress.org/plugins/scriptless-social-sharing/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/scriptless-social-sharing/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/scriptless-social-sharing/)
 * [Active Topics](https://wordpress.org/support/plugin/scriptless-social-sharing/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/scriptless-social-sharing/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/scriptless-social-sharing/reviews/)

 * 2 replies
 * 2 participants
 * Last reply from: [ledinhtan](https://wordpress.org/support/users/ledinhtan/)
 * Last activity: [5 years, 6 months ago](https://wordpress.org/support/topic/hover-color-css-does-not-work/#post-13723662)
 * Status: resolved