CSS Hero Pro The best CSS editor for WordPress

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.

Color Management

Use a color picker to experiment live color and background changes like never before. Hero also stores your latest used colors, and helps building a consistent color palette.

Adjust Measures

Easily tune element margins and paddings: just drag a slider and view what happens.

UnSplash Integration

Ever wanted a nearly unlimited source of high quality, royalty-free, amazing pictures right at your fingertips? We’ve got you covered.

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.

Readymade Snippets

Pre-made editable style combinations ready to boost your creativity with one click!

Undo / Redo History

We all design by experimentation. Ouch! Need to undo? Don’t panic. CSS Hero automatically stores all your edits in a detailed history list, going back and forward in history steps is as easy as clicking the undo\redo buttons.

No vendor lock-in

Export your work as CSS, LESS, JSON data: you can export your site personalizations instantly and download it to file, for backup purpose as well.

CSS Code Editor

Review, refine and edit the generated CSS code while being able to quickly debug your work if needed.

Style As Unlogged

Style your website while having a real glance of how it will look like for your unlogged users.

Style Login Page

Styling WordPress log-in page has always been painful, forget about it, you can now style it in a breeze with CSS Hero.

Save CheckPoints

Store snapshots of your edits without having to push them live, store different versions, choose the one you prefer and go live.

Safe and non-destructive editing

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.

No performance degradation

From a technical standpoint, CSS Hero only generates and enables a single, static extra CSS stylesheet that cleanly overrides your Theme’s original stylesheet.