- Device specific edits
- Device mode preview
- No fear of breaking things
- Safe and non-destructive editing
- Add extra custom CSS live
- Avoid typical CSS mistakes
- Easy element selection
- Add your own Media Queries
- Refine Device Specific CSS
- One Year Upgrades
- Install on one site
- One Year Basic Support
- Limitations of themes and plugins
Back in the day when WordPress didn’t exist (I cannot even remember that day!), digital marketers like you and me wouldn’t stand a chance in the online arena without being experts at coding. Well, we don’t need to worry about that today as WordPress allows us to create any kind of online entity we dream of. But many a times I have experienced a sudden need to modify a certain element of one of my WordPress sites. I am sure you have experienced that too!
At these moments I get a hankering for a master tool which could help me increase my extent of freedom and control over my WordPress designs. Being an online enthusiast, I ventured into searching such a tool and fell upon CSS Hero!
I decided to try it. I have to tell you that CSS Hero packed a real punch for me. So, to let my fellow digital marketers know more about this awesome tool and benefit from it:
Here is my review of the CSS Hero Plugin
Before I begin my actual review, let me give you a glimpse in to what CSS really is. It is the language that allows websites to look different. In that context, CSS Hero is a WYSIWYG theme editor for WordPress that allows you to make visual changes to your website with a point and click interface. Yeah, no coding required! Whatever changes you require will be automatically created into CSS codes and deployed on your website upon saving.
CSS Hero allows full control on every element of a number WordPress themes and works wonderfully on most of them with Rocket mode.
Now, what is the ultimate good about CSS Hero?
If you are CSS pro then you need only try it once. You will get what I mean. For newbies and coding non-experts like me, the tool is a great way to know the power of CSS in your websites and also an awesome method to learn CSS. It has a minimal and clean visual interface that allows you to leverage advanced CSS features. You get a host of small helper tool combined into three packages to choose from. These tools will make web designing a lot more fun as you will no longer need to remember values, copy and paste colour codes etc.
The good thing about it is that CSS Hero only generates and enables an extra CSS style sheet. It cleanly overrides your theme’s original style sheet (with no changes in the original theme).
Here are some features of CSS Hero which will make your experience profitable and fun at the same time
Easy Point and Click Interface
You just have to move your mouse over the element you wish to edit and then carry on! No extra coding is required. You get full control over the properties you want to customize. I guess this extends the power we get with WordPress sites and adds a great deal of flexibility. What do you say?
Edit according to the device (Mobiles/Laptops/Desktops: Different Modes to give you more control)
CSS Hero displays different live editing modes more mobiles/tablets/laptops and desktops. Suppose you wish to edit an element which exists in your smartphone and not your desktop view. You cannot do that in normal WordPress editing but CSS Hero will allow you to change and customize every aspect of your mobile responsive theme. It does this by allowing live editing modes for various devices.
Intelligent Colour Picking
With the help of CSS Hero you can add a very personal touch to your themes. Suppose you have the Michael Hyatt theme for your personal portfolio but you wish to throw in some Tony Stark’s Iron Man Red in there or Optimus Prime’s trademark blue. CSS Hero will allow you to do just that. Cool, isn’t it?
Over 600 fonts
This I believe is just one of the extra perks of CSS Hero. Not many editors can boast of over 600 fonts. It just adds to the extent of personal customization you can achieve.
Simplified CSS Editing
Until now CSS editing could only be trusted to experts who knew the language and its applications in detail. CSS Hero has successfully removed that bias. Now coding non-experts, newbie digital marketers and online enthusiasts can also make their websites as they have always dreamt of. Building gradients, box-shadows, text-shadows and all the modern CSS properties is now a point and click affair! You can add all the advanced CSS features you want without writing a single line of code!
Easy one click exports (No Lock-ins)
You do not need to renew your CSS Hero account to use it on any of your other websites. With the same annual subscription you can export the plugin to any other website. The process involves a single click!
Easy Error Corrections
CSS Hero maintains a history of all your edits. You can easily go back to any of your edits, undo a mistake or redo a process. I guess this can come in very handy at times, don’t you?
The CSS Hero Inspector Plugin
I got this feature when I Ultimately bought the pro version of the plugin. I have to say that this is one of its best features. It allows for additional control on the generated CSS code. You can easily refine, edit and remove the generated code. You can also add codes if your adept in the CSS language. It is only available in the pro-version and if you’re not a coding aficionado then it is not for you.
Light on the Load
CSS Hero has been designed keeping in mind the light footprint plugin. It means that the resources are used only when the editor is live. Therefore, you do not have to worry about your WordPress admin getting slower as it uses very less memory and get the job done in an excellent manner!
Is there any flaw associated with using CSS Hero?
Yes there is! The number of compatible themes and plugins which can be used with CSS Hero is not infinite. You can see the list of compatible plugins here and know for yourself. You can see the list of compatible themes here. Although the most popular plugins and themes are included in the list there are still a few missing. I hope they are working relentlessly on this issue.
Any issue with the pricing of CSS Hero? I guess not
The plugin is available in the form of priced annual subscriptions in the form of three packages. For $29 you can use it on one website. For $59, you can use it on five sites and for $199 you can use it on 999 sites along with Hero Inspector plugin.
My Final Verdict for the CSS Hero Plugin: 4.8/5
I guess, CSS hero is a must have tool for digital marketers and online enthusiasts (coders and non-coders alike) who want extended control over their websites. If you are looking for a CSS editor where you have minimal but awesome features then this is it. The 4.8 is because of the limitation on the list of compatible themes and plugins but apart from that CSS Hero fails…to disappoint.
Check out this video from the developers to know more about the workings of CSS Hero:
Video Credits: CSS Hero