Don't miss the chance to grab the brand new CSS Hero version 5 at a one time discounted price.
Simply mouseover and click the element you want to edit in real time, no coding skills needed. Wordpress theme customization made easy.
Color management
Use our color picker to try out color and background changes instantly! The plugin stores your last used colors to help you build your own color palette.
Font Styles and Typography
Add a touch of class with your own fonts, a huge collection of Google Fonts is at your fingertips. TypeKit fonts are supported as well.
Adjust Measures
Easily tune element margins and paddings: just drag a slider to see the changes on the page instantly.
Complex CSS made simple
Spice up your site elements: building gradients, box-shadows, text-shadows and all the modern CSS properties is now a point and click affair.
Add awesome scroll and time based animation effects to your WordPress sites, with an easy but powerful point and click interface.
Discover Animator 40% OFF!Parallax
Tween animations based on element percent position in viewport. Typical use case is applying images a vertical position offset on scroll to achieve parallax effect.
Scroll
Trigger specific css styles and transformations after a fixed amout of scrolled pixels. Typical use case is applying state specific styles to a header upon scroll.
Timed
Create time based animations. Set duration, easing and animation repeat options to spice up element appearence. Typical use case is adding a float animation to an element to make it pop.
Use it on any project, to visually edit plugins or themes in total freedom
CSS Hero allows you to easily edit, preview and control how your site looks like on desktop and handheld devices. Use standard breakpoints or your custom ones.
CSS Hero is a live WordPress Theme editor that works without modifying any of your theme files. It is widely compatible with many environments and it is built to be light and tolerant.
CSS Hero is the definitive WordPress plugin to easily customize the look of your site, with an easy and intuitive point and click interface.
Don't miss the chance to grab the brand new CSS Hero version 5 at a one time discounted price.
CSS Hero works on any WordPress theme and plugin and helps you to visually customize all site elements, from header to footer.
Don't miss the chance to grab the brand new CSS Hero version 5 at a one time discounted price.
Each new purchase comes with a 30 days money back guarantee.
An active membership will grant you access to plugin updates, private support and new product activations.
Choose an annual plan or get a lifetime subscription.
CSS Hero has been tested on most WordPress themes and plugins (like DIVI, Elementor, Beaver Builder, Genesis framework...) and it will be basically compatible with any WordPress environment. Have a look at our plugins and themes demo pages.
You can buy with confidence as, in case CSS Hero won't properly work in your environment, we offer a full 30 days money back guarantee.
If you need to customize your WordPress theme, CSS Hero can most probably help you a lot.
CSS is the language that allows websites to look different; CSS Hero is a convenient WYSIWYG Theme editor for WordPress that will help you making visual changes to your website with a point and click interface, instead of coding. CSS Hero will automatically generate the required CSS code, and deploy it to your website upon saving.
A clean visual interface will let you leverage advanced CSS features like background fades in a snap, and is rich of small helper tools which will make your life easier, removing the need to remember values, color codes, keywords. You will find almost all CSS properties in CSS Hero, with preset values, color pickers, shadow generators... you can instantly try everything pushing further your CSS knowledge boundaries.
If you are a newbie or a CSS pro, you will love what CSS Hero does - plus, you can easily learn or improve your knowledge of the CSS language (and LESS actually) while playing with it.
A full history is maintained of all your edits - thus you can preview and recall instantly all the versions of your Hero-generated CSS.
You can always undo with CSS Hero - and you can even reset single properties, so that if you made a wonderful job of personalizing your site, but you have messed the site header for example, you can always reset that element only - so that your personalizations are erased and that element will revert to the original Theme definition.
Basically, you should never be in trouble.
From a technical standpoint, CSS Hero does only add to your site frontend a single, static extra CSS stylesheet that cleanly overrides your Theme’s original stylesheet. Period.
There is NO significant performance degradation, and zero added workload for your server.
Yes, definitely. Performance-wise this is not worth the effort as CSS Hero is an extremely lightweight plugin - but of course you can do so if you want. You can always export the generated CSS code and save it wherever you desire: there is no vendor lock-in at CSS Hero.
You can paste the exported CSS code in the WordPress Customizer Additional CSS field, and shut down the CSS Hero plugin: your personalization work will be kept.
CSS Hero is a live WordPress Theme editor that works without modifying any of your theme files.
It is widely compatible with many environments and it is built to be light and tolerant.
Your edits are stored securely on your database - but your users will be served a static CSS file only.
No problem at all! Renewal is required only for updates and support. Your CSS changes will continue to work perfectly and the product will still launch. The renewal is not automatic, CSS Hero will never charge you any amount if you do not dispose it directly. You'll just receive an offer to renew your account one month before expiring date. We have distinct deals for upgrading and renewing your plan, so take a look at our newsletter. We work to make our heroes happy!
Each plan expires after 365 days from the purchase date. At the end of that period CSS Hero will continue working, but you will not be able to install CSS Hero on NEW (other) sites. At the end of your CSS Hero annual plan, your plan will NOT automatically renew.
Yes, definitely. Once you discover how much fun you will have with this tool, you will become a Hero-junkie too.
For some it's the WYSIWYG live CSS customization, for other folks the effective color management, or the ability to instantly test background image uploads. We want you to be hooked on Hero!
Don't miss the chance to grab the brand new CSS Hero version 5 at a one time discounted price.