In the past I have tried many themes. Most of the times I replaced theme with another because I didn’t know how to customize WordPress theme. When I found a great theme developer, I was amazed at support they provided for customizing WordPress theme. I posted a question in the forum and soon I received an answer with a custom CSS.
Then I discovered Genesis. I love Genesis, one of the best frameworks, but I couldn’t figure how to style it. I love basic theme that comes as part of Genesis, but to make it the way I want, I needed a tool to make this process easier. I need to change colors, fonts…. I would like to create a custom WordPress theme.
CSS Hero Review
CSS Hero is a WordPress plugin which can help you customize WordPress, not only that it can do it with live preview. You can easily make a custom WordPress theme.
How to change CSS in WordPress
When you activate CSS Hero, you will see a blue icon on the right side of your website if you are logged in WordPress. Once clicked, a graphical menu would open. What is great with CSS Hero is that it’s a point and click system.
You find an object that you would like to change, click it and the menu will open. Here you can select which element would like to change.
Let’s say that I would like to change font of primary navigation, I would like to change colors, font weight, font style, decoration or transformation, I can just click on the menu and select the option I like. What’s important is that you can see instantly how the change will look. Live on your website. You don’t have to save and click a preview button to see live customizations. Changes are made in front of you.
If I want to style sidebar, all I have to do is click on a sidebar and options I can change are presented. When I click on a sidebar border, I can change the color, width I can change fonts inside the sidebar and basically any element can be styled.
You can save presets and in case there are public presets for your theme, you can use them. This feature will be important in the near future when more people start using CSS Hero.
When you applied your theme modifications you can save them and browse the history. This is great when you need to revert back to old theme modifications. If you apply changes to theme CSS file, it’s hard to go back to old changes. Unless you have a backup. The procedure is cumbersome as you have to create a backup for every css modification. With CSS Hero history, you have a complete history of your changes.
CSS Hero features great responsive testing tool. There are many tools, some are websites that can show your site in various sizes. There are also plugins for your favorite browser. But where CSS Hero implementaions smokes all the competion is when you click on the resposnive button, browser window size will remain the same. Instead, in the same website, mobile device will be shown and your website in it. You can click on the elements and even scroll. That way you don’t have to leave your tab and all the tabs you have opened will remain in the same place. Really great idea. You have to see this feature for your self.
Last feature but not least is an option to export all your CSS modifications. You can export normal CSS or minified CSS. What a great option. You are not locked in using this plugin like some similar plugins do. You can easily use CSS and apply it to any website where you use the same theme.
CSS Hero Conclusion
CSS Hero has matured from the first version. For me, one of the most important feature is that I can export CSS and use it in custom css plugin. That way modifications theme original styles are left intact and custom css is applied.
You can create custom design easily and most importantly, you won’t lose time learning CSS. You can focus on what you do best. Writing the best content.
If you are a designer learning web design, CSS Hero will help you learn CSS slowly, yet you will be able to modify theme and create custom theme your customers will love.
Theme customization with CSS Hero is really simple. You have complete history overview and If you don’t like the changes you can easily revert back to previous step or revert to original theme style and start over.
You will have complete control over the look and responsive design. You are able to to create great design from minimal themes. Or just refine what is already great. Pricing is very affordable.
CSS Hero pricing starts at $14 for one website, $29 for 5 websites and $79 for 999 sites. Find more information on CSS Hero website