Need to modify part of the look of your website but don’t know CSS? CSS Hero might be the answer.

Disclaimer: This article may contain affiliate links. That means that if you use the link and decide to buy the product I get a commission. The opinions on the products however are my own 🙂

The CSS HERO plugin allows you to use intuitive front end controls to modify the CSS of your site while you watch the changes that you make in real time. It’s really pretty amazing. It is absolutely the future of building and modifying WordPress websites.


There are a lot of things that this plugin can help you solve. Changing colors, changing the margin and padding around different elements of your site. What you can modify and change though does depend on how the theme that you are modifying has been built and what CSS tags are available around different elements.

What is great about the CSS Hero plugin is that since it is a front end editor you can see the changes as you make them. This allows you to fumble through figuring out exactly which element you need to change because you can see the changes in realtime.

The Plugin is well thought out and gives you lots of options to go back if you don’t like the changes that you have made. When you first make an adjustment you can cancel before you save your changes. The plugin keep a log of the changes that you have made so that you can go back to a previous state easily. Then there is also the ultimate option to just reset all the changes that you have made. I would still recommend installing a backup program for you website before installing this plugin and before making any changes to you site.

You can read my post about the backup buddy plugin, my personal choice for website backups. Or you can check it out on the backup buddy page.

If there are some changes that you would like to make to your site I would recommend giving the CSS Hero plugin a try. They have a great demo on their site where you can pick your compatible theme and then try using the plugin for yourself and test how it works and that’s completely free. So go ahead and check it out! Visit the CSS HERO website

Get more real website hints in your email!

Sign up for our email list and get more hints and tips right in your email!

You have Successfully Subscribed!