CSS Hero Pro

Changing a theme's look usually means digging into stylesheets or asking a developer for small tweaks. CSS Hero Pro puts a visual editor on top of your live site. You point at an element, click it and adjust its colors, fonts, spacing or effects while watching the result. It works with any WordPress theme or plugin, so you can style elements from the header to the footer.

Your changes never touch theme or plugin files. They are saved in a separate stylesheet that you can export, back up or undo. Responsive editing lets you preview different devices and make device-specific edits. For people who want more control, a code inspector and a CSS and LESS editor are included. This suits site owners, freelancers and agencies who restyle themes often.

Features

• Point-and-click visual editor: Hover over any element on your live site and click it to edit. Design changes happen on the page itself, so no coding knowledge is required.
• Built-in color picker: Try out colors and backgrounds with the color picker. The plugin remembers your favorite shades so you can build a personal color palette as you work.
• Google Fonts and TypeKit: Browse a library of Google Fonts and use TypeKit support to change the typography of headings, body text and other elements across your site.
• Responsive and mobile editing: Preview your site on different devices using standard or custom breakpoints. Device-specific edits let you adjust the layout for desktops, tablets and smartphones.
• Non-destructive customization: Theme and plugin files stay untouched. Every change is stored in a separate stylesheet, which keeps your original theme intact and lets you undo edits.
• Modern CSS effects made simple: Create gradients, box shadows and text shadows through an intuitive interface instead of writing the CSS by hand.
• Code inspector and advanced editor: A full CSS and LESS editor offers live preview, automatic CSSLint validation and custom media queries for users who want finer control.
• Export and backup of your code: Export your customized CSS or LESS code for backups or manual use, which keeps your styling portable and safe.

Best for

• Site owners who want to restyle a theme without code
• Freelancers and agencies adjusting client site designs
• Developers who want a visual editor plus CSS and LESS access