WordPress Style Editor

This plugin in NOT a stylesheet replacement. It uses the CSS !important property which can severely mess up your theme. What this plugin will do is let you test different styles to see how your site will look.

It’s fairly simple to use but you do need to know how stylesheets work. There are plenty of tutorials on how to use CSS selectors and properties. Just Google it.

Download the plugin

Download the plugin. Add to your site and activate. Click on ‘Appearance’ and then ‘Edit styles’.

Make your change and update styles. Go to your site and view your new styles in all their glory.

This is the admin screen:

You can edit the properties if you wish. Just click on the words in red and do your thing.

Which means you can end up with a before and after like this (if you really want to)

Navigation Styles

This still needs lots of development. Every theme seems to have it’s own way of styling the navigation so I can’t promise things will work.

The default uses the nav selector. If your theme has a different id or class then you need to use that instead.

Custom styles

To add your own styles change the preset selector and properties as required and add the values.

Everything else is negotiable. If you want more styles or changes to the existing selectors then let me know.