CSS Hero is the definitive WordPress plugin to easily customize the look of your site, with an easy and intuitive point-and-click interface. (Source)

Disclosure: We may earn a commission (at no cost to you) when you use our links.

Has free planNo
Starting price$14/website per year
Learning curveLow
Widely usedYes
Good for teamsYes
Color managementUse CSS Hero’s 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 typographyAdd 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 measuresEasily tune element margins and paddings: just drag a slider to see the changes on the page instantly.
Complex CSS made simpleSpice up your site elements: building gradients, box shadows, text shadows, and all the modern CSS properties are now a point-and-click affair.
Device mode previewTest tablet\mobile edits before pushing them online, crafting a responsive theme has never been so easy.
Device mode previewOur new client-side integration is the easiest in the industry.
Device-specific editsCustomize the way your theme appears on handheld devices, commit device-specific edits and preview them in a click.
No fear of breaking thingsFear of breaking your site’s responsiveness with your editing? A life-saver desktop-only feature allows you to limit some of your specific edits to desktop devices only, with one click.
No vendor lock-inExport your work as CSS or LESS code: you can export your site personalizations instantly and download it to file, for backup purposes as well.
No file alterationCSS Hero does not physically alter theme/plugin files in any way. Shut down the plugin and your site’s looks will revert to what they were before installing this tool. It’s 100% safe.
No performance degradationFrom a technical standpoint, CSS Hero only generates and enables a single, static extra CSS stylesheet that cleanly overrides your Theme’s original stylesheet.
Add your own codeInspect, refine and edit the CSS Hero-generated CSS code with live preview.
Avoid typical CSS mistakesYour code is automatically checked by the smart CSSLint engine.
Add your own Media QueriesExtend your CSS Hero code to new media queries.
Save and ExportSave – and enjoy the results – or export tidy CSS code.