Hi Chris (@soela),
like I wrote above the use of !important is ugly, but cannot be avoided since otherwise Shariff wouldn’t work out of the box with some of the most bought themes out there. The amount of support request that caused it without !important and then trying to explain to people that it is actually the fault of their theme, was simply just not worth the time.
Nevertheless: There is always a solution. Shariff does not add it’s scripts and styles manually and instead uses the WordPress way, meaning WordPress handles all of that. Sometimes optimization plugins get in the way of that by moving stuff around (like Autoptimize, W3 Total Cache, WPRocket and so on). So sometimes problems can be solved by adding /wp-content/plugins/shariff/css/shariff.min.css
to the exclude section of that optimization plugin.
In your special case above: Is there a reason, why you tried it with CSS instead of using the color options on the design settings of Shariff? The “secondary color” is actually the hover background color for all themes except the white one.
Regarding Saskias (@jyria) question:
Like I said, Shariff does not load its CSS in any unusual way. It’s simply let’s WordPress handle all of that and so far we never had problems to overwrite the default settings to something client specific.
For both of you: If you let my know, what you are trying to achieve (change colours, shape, whatever), I’ll do my best to help you to find the easiest way without adding any php functions or messing around with the plugin files itself.
Cheers
JP