Easily customize WordPress themes, live.

CSS Hero is the definitive WordPress plugin to easily customize every property of your themes with an easy and intuitive point and click interface.

Pricing Plans Give it a spin!
CSS Hero Interface

Control everything, everywhere.

CSS Hero allows full control on every element of a number of natively Hero-Ready WordPress Themes
and it works on most WP Themes with Rocket Mode.


Play with a ton of fonts

Add a touch of class with your own fonts, a huge collection of Google Fonts is at your fingertips.

Learn More →

Use your own colors

Use a color picker to experiment live color and background changes like never before.

Learn More →

Control all measures

Edit element sizes, margins, paddings: just drag a slider and view what happens.

Learn More →

Special Effects

Spice up your site elements with Hover Fx, Shadows, Transitions, and more cool stuff.

Learn More →

No Lock-In

Hero will output crystal clear (and minified) CSS ready for you to export it on any other platform\source.

Learn More →

Undo\Redo and History

Keep track of your edits for further testings, save as presets or preview history steps for a\b tests.

Learn More →
Built for WordPressBuilt for Modern Browsers
  • ref01
  • ref02
  • ref03
My Website
My latest adventures Adipiscing a habitasse curabitur dis natoque et a aliquet gravida nisi vel faucibus a ullamcorper suspendisse quis faucibus torquent parturient vel tristique fames condimentum.Mi nam ut ut dis adipiscing rhoncus nisi sit ultrices rhoncus vestibulum pretium interdum quam velit suspendisse a conubia habitasse congue.Eget ac elit scelerisque non tristique a sem pretium purus iaculis dui pulvinar ullamcorper.

An easy point and click interface

Simply mouse hover and click the element you want to edit and adjust it to fit your needs, taking full control on how your Theme looks like has never been so easy and fun.

CSS Hero Point and Click WordPress EditingTry CSS Hero's point and click abilities Try CSS Hero

"If you’ve ever been one of those folks that worries that you don’t know enough CSS to make a site look like you want it to, you can stop stressing right about now" @chrislema - WordPress Guru

Customize Responsive WordPress Themes

CSS Hero allows you to easily edit, preview and control how your theme displays on desktop and handeld devices.

Responsive Themes Ready

CSS Hero loves responsive themes and lets you get full control of their responsive modes by allowing state specific edits.

Device Mode Preview

Preview your responsive themes with CSS Hero, test tablet\mobile edits before pushing them online, crafting a responsive theme has never been so easy.

Commit Device Specific Edits

Customize the way your theme appears on handheld device, commit device-specific edits and preview them in a click.

Pricing Plans

From one time user to everyday CSS Hero addict, choose the plan that suits you best

I have a coupon code
Coupon Code:
  • Starter
  • 29$/ Year *
  • One Site
  • Hero Inspector
  • Activate for one year on new sites
    Edit forever your sites live!

    Bests choice for one time users, choose this plan if you're willing to use CSS Hero to customize your personal website or one of your client's websites running on one of our compatible Themes.

  • Signup and buy
  • Personal
  • 59$/ Year *
  • Up to 5 Sites
  • Hero Inspector
  • Activate for one year on new sites
    Edit forever your sites live!

    Best choice if want the freedom to customize up to five WP based websites, small agencies, entrepreneurs and advanced publishers may consider this option to freely customize their portfolio's websites on regular basis.

  • Signup and buy
  • Pro
  • 199$/ Year *
  • Up to 999 Sites
  • Hero Inspector
  • Activate for one year on new sites
    Edit forever your sites live!

    Best choice for web agencies and professional publishers who want to have full control on a wider set of WP sites on a regular basis. Enjoy the freedom of keeping control of a huge set of websites with one single editing tool.

  • Signup and buy

All packages include: One year upgrades, one year support, CSS Hero's easy export feature to export all your edits and use them without CSS Hero, CSS Hero Affiliation Program membership: sell CSS Hero and earn 40% on each sale.

Common Pre-sale Questions

  • What does it mean "activate for one year on new sites, edit forever your sites"?

    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.

  • What can I exactly do with CSS Hero?

    CSS is the language that enables internet websites 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 backgradius fades in a snap, and is full of small helper tools which will make your life easier removing the need to remember values, copying and pasting color codes. You will find almost all CSS properties in CSS Hero, with preset properties, 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 you will be able to do with CSS Hero.

    You can easily Learn CSS while playing CSS Hero.

    Enter the CSS revolution. You will not go back!

  • What if I make a mistake? Do I risk messing up my site? Is CSS Hero solid?

    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 the element will revert to the original Theme definition.

    Basically, you should never be in trouble.

    The data is stored securely on your site.

    NO VENDOR LOCK-IN - YOU CAN EXPORT YOUR CODE!

    If you want to disable the plugin and export your work, a one-click instant CSS export feature is at your hand.

  • What is CSS Hero? How does it work code-wise?

    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; it comes pre-configured to run natively on a number of WordPress Themes, but can be used to edit any WordPress Theme after a simple configuration, that involves declaring the CSS selectors of the elements that you want to make editable.

    CSS Hero only generates and enables an extra CSS stylesheet that cleanly overrides your Theme's original stylesheet.

  • How much do I pay to renew my CSS Hero plan in case I previously bought a discounted one?
    The discount coupon or deal you got at first buy doesn't account for further renewal or upgrading actions. 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!
  • Will CSS Hero Be Addictive?

    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, the ability to test backgradius image uploads or save, store, rename editing history steps. We want you to be hooked on Hero!

CSS Hero is the definitive plugin to customize your WordPress themes with an easy and intuitive WYSIWYG interface.

Affiliate

Become a CSS Hero affiliate and earn 40% on each sale right now. Spread the CSS Hero word and share the wealth with us!

Start Earning