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 to see the link]

Viewing 1 replies (of 1 total)
  • Plugin Author Ricard Torres

    (@quicoto)

    Hello @larrian

    The problem is CSS Specificity, nothing to do with the plugin 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.