Every now and then I come across a plugin that’s a little too big for its britches in the CSS department. What do I mean? The default plugin styles are written in a way that make for an ugly integration with a site.
The worst offenders even go so far as to use
!important in the CSS, forcing you to resort to CSS worst practices (i.e. countering with
!important and overly specific selectors) to override the plugin styles.
Last week I wrote a tutorial on how to solve this problem by switching the load order of style sheets to bring in your theme’s style sheet last of all. The result takes advantage of the cascading styles, enabling you to cleanly overcome (or trump) plugin styles via custom styles in your theme.
@cdils brilliant! Thanks. You’ve just saved me hours tomorrow!
— Jo Waltham (@CalliaWeb) December 18, 2013
I’d like to introduce you to Genesis Style Trump.
The Genesis Style Trump plugin is now available for download. Although my tutorial meant to solve the problem of working specifically with WooCommerce styles, Genesis Style Trump will let you conquer styles from any plugin.
If you use the plugin, I’d encourage you to leave a brief review – it’ll help others decide if the plugin is a good solution for them. And while you’re in a review-leaving mood, go ahead and rate/review all your favorite plugins. Trust me, it’s appreciated. 🙂