0

I'm looking for a CSS library that can style elements I display on the client-side (front-end) of a wordpress website. The CSS library needs to be able to work with most of the wordpress themes, which means it just has a list of classes I can use, and doesn't alter the themes' global style (see below for explanation).

The problem with the libraries I've come across is that they alter the global style of a theme. For example they style the body tag with a background color, they edit the fonts and sizes of h1, h2, h3 etc tags. Another part of the problem is normalize.css, it tends to break themes.

So far I've tried:

  • Bootstrap
  • Bootflat
  • Foundation
  • Pure-io (too few styling options)
  • Topcoat

In short: I'm looking for a CSS library which doesn't alter any elements unless I attach a class to those elements. This way I can build a plugin which doesn't break theme styles.

Are there any recommendations?

closed as off-topic by Pieter Goosen, cybmeta, Robert hue, Mayeenul Islam, TheDeadMedic Feb 20 '15 at 14:53

This question appears to be off-topic. The users who voted to close gave this specific reason:

If this question can be reworded to fit the rules in the help center, please edit the question.

2

Achieving unaltered style via plugin for multiple themes is pretty difficult to achieve.

How about this?

Use any library among these e.g. Bootstrap in your plugin and then remove/comment the global properties from them.

Since you will be author of the plugin, you can repeat the same thing in your plugin before releasing next update.

  • Thanks! I've gone with extracting the styles I need, and so far it's been working out quite nicely :) P.S. Sorry mods, I didn't know the product recommendation rule – Brian Feb 21 '15 at 19:38

Not the answer you're looking for? Browse other questions tagged or ask your own question.