CSS Hero v5.0.6 Beta - Visual CSS Editor

CSS Hero Visual CSS Editor makes it easy to customize WordPress themes, in real-time

CSS Hero is the perfect WordPress plugin to easily customize the look and feel of your website, with a simple and intuitive point-and-click interface.

Demo:https://woohoo.CSS hero.org/plugins/

Complete control over the look of your website

Just hover over the element you want to edit and click on it and adjust it to suit your needs, lively!

Font styles and fonts

Add a little class with your own fonts, and a plethora of Google fonts are at your fingertips. TypeKit fonts are also supported.

color management

Experiment with backgrounds and color variations more directly than ever with the color picker.CSS Hero Visual CSS Editor also stores your most recently used colors and helps build a consistent color palette.

measure adjustment

Easily adjust element margins and padding: just drag the sliders and see what happens.

Complex CSS made simple

Spice up your web elements: building gradients, box shadows, text shadows and all modern CSS properties is now just a click away.

set it to unlocked

Style your website while getting a real sense of what it will look like for unlocked users.

page de connexion stylisée

Styling a WordPress login page has always been a pain, forget it, now you can easily style it with the CSS Hero Visual CSS editor.

ready-made snippets

Pre-made editable compositions boost your creativity with just one click!

relative response

CSS Hero allows you to easily edit, preview and control how your site appears on desktop and handheld devices. Use standard breakpoints or custom breakpoints.

Device Mode Preview

Test your tablet/mobile edits before going live, creating responsive themes has never been easier..

Device-specific adjustments

Customize how themes appear on handheld devices, make device-specific edits and preview them with one click.

Not afraid of falling things

Afraid of ruining your website's responsiveness with editing? Desktop-only lifesaving features allow you to restrict certain edits to desktop devices with a single click.

Integrazione Unsplash - CSS Hero Visual CSS Editor

Finding great images has never been easier. Thanks to Unsplash, you can enjoy [almost] unlimited sources of high-quality, royalty-free images that are perfect to use in your projects.

Search by keyword, choose an image and size, and instantly apply it as a background image for any web page element.

save checkpoint

Store snapshots of your edits without taking them live, archive different versions, choose your favorite, and go live.

Undo\Redo History

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

Safe and non-destructive editing

CSS Hero is a live WordPress theme editor that works without modifying any theme files. It is widely compatible with many environments and is lightweight and durable.

no key suppliers

Export your work as CSS, LESS, JSON data: you can export your website personalizations and download files instantly, also for backup purposes

Works perfectly with your favorite WordPress tools

CSS Hero works with any WordPress theme and plugin and helps you visually customize all elements of your website, from header to footer.

You have 100% control over the Inspector

Gain more control over your customizations with a full-fledged CSS and LESSCSS editor with real-time rendering. Add your extra rules, copy and paste and easily export your work with one click.

view your code

Test, tweak and edit CSS code generated by CSS Hero Visual CSS Editor

Add extra custom CSS directly

Live preview of your CSS edits on your website

Avoid typical CSS errors

Smart CSSLint engine automatically checks your code

Simple element selection

Select and click editable elements

Device-specific CSS customizations

Apply edits to all devices or limit to one media query

Add your own media queries

Extend your CSS Hero code to new media queries

comment your code

Track edits or just add comments to your code


Save - and enjoy the result - or export clean CSS code

Animation - CSS Hero Visual CSS Editor

Easily apply scroll animations to any element on the page. Choose from many animations and speeds.

Powered by the AOS gallery plugin with many amazing animation effects fade, flip, slide, zoom

Registro delle modifiche dell'eroe CSS

-Upon quitting the editor, user is returned to the specific page where it was – instead of being brought to the homepage
-Plugin initial state (zero CSS edits) does not throw a 404 anymore for referencing an empty CSS file in the browser console
-More solid product activation routine via stronger data validation
-Minor security tweaks in editor launching page