Title: CSS changes not showing
Last modified: March 14, 2021

---

# CSS changes not showing

 *  [Larrian](https://wordpress.org/support/users/larrian/)
 * (@larrian)
 * [5 years, 2 months ago](https://wordpress.org/support/topic/css-changes-not-showing/)
 * Hi
    I just installed your plugin…and went and changed the CSS colors for hover,
   vote up and vote down….and saved…unloaded cache, even turned the plugin off then
   turned back on…but none of the colors have changed. Here are the codes as inserted
   in the CSS file:
 *     ```
       .thumbs-rating-container button:hover {
       	color: #f2a6c4;
       }
   
       .thumbs-rating-container .thumbs-rating-up,
       .thumbs-rating-container .thumbs-rating-down {
       	padding: 0.5em;
       	color: white;
       }
   
       .thumbs-rating-container .thumbs-rating-up {
       	background: #28b3d2;
       }
   
       .thumbs-rating-container .thumbs-rating-down {
       	background: #ffa66e;
       }
   
       .thumbs-rating-container .thumbs-rating-already-voted {
       	display: none;
       	font-size: 0.9em;
       	padding-top: 1em;
       }
   
       .thumbs-rating-container .thumbs-rating-already-voted.thumbs-rating-show {
       	display: block;
       }
       ```
   
 * have I done this wrong? Also am I correct that I have to copy/paste the shortcode
   into place because there is not a button to click to automatically paste the 
   code into the classic editor as you write?
    Thank you so much.
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fcss-changes-not-showing%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

Viewing 1 replies (of 1 total)

 *  Plugin Author [Ricard Torres](https://wordpress.org/support/users/quicoto/)
 * (@quicoto)
 * [5 years, 2 months ago](https://wordpress.org/support/topic/css-changes-not-showing/#post-14181106)
 * Hello [@larrian](https://wordpress.org/support/users/larrian/)
 * The problem is CSS Specificity, nothing to do with the plugin [https://developer.mozilla.org/en-US/docs/Web/CSS/Specificity](https://developer.mozilla.org/en-US/docs/Web/CSS/Specificity)
 * Long story short, you can solve it by using !important in your CSS properties.
 * Such as
 *     ```
       .thumbs-rating-container .thumbs-rating-down {
       	background: #ffa66e !important;
       }
       ```
   
 * This will overwrite the plugin’s styles.
 * If that doesn’t work, it will be hard to debug for me. Perhaps you can fork the
   plugin and edit its files directly. You’ll have to bump the version number in
   the styles.css file of the plugin to prevent it being overwritten with a new 
   version (something like version 99 should work).
 * As to your second question, no there’s no user interface for adding the buttons.
   You need to add them manually via shortcode or via the theme (functions.php or
   otherwise). Please have a look at the FAQ / Install instructions in the plugin
   page.
 * Hope this helps.

Viewing 1 replies (of 1 total)

The topic ‘CSS changes not showing’ is closed to new replies.

 * ![](https://s.w.org/plugins/geopattern-icon/thumbs-rating_d1a77d.svg)
 * [Thumbs Rating](https://wordpress.org/plugins/thumbs-rating/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/thumbs-rating/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/thumbs-rating/)
 * [Active Topics](https://wordpress.org/support/plugin/thumbs-rating/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/thumbs-rating/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/thumbs-rating/reviews/)

 * 1 reply
 * 2 participants
 * Last reply from: [Ricard Torres](https://wordpress.org/support/users/quicoto/)
 * Last activity: [5 years, 2 months ago](https://wordpress.org/support/topic/css-changes-not-showing/#post-14181106)
 * Status: not a support question