CSS Hero V5 is here!
Today we're really excited to announce that after nearly one year of development CSS Hero V5 is almost ready to go on stage.
Each pixel and each function of our plugin have been re-thinked to make it better and to provide you a more powerful and intuitive tool to customise your WordPress Themes.
✉️
Your feedback is vital to make CSS Hero rock!
After testing it, please
share your experience with us.
Thank you so much for your time.
A new engine
We've rebuilt from the ground up the plugin, starting from its UX. Now powered by React, the interface feels much quicker, maximising your editing powers and bringing a better overall experience.
Better compatibility
CSS Hero compatibility on non natively compatible themes and plugins is now one huge step ahead as we've fixed all the issues related to weak or improper selectors.
History, Recovery and Code Diff
Edits history has been improved to provide you a more accurate browsing among your edits history. Plus we've included a small life-saver option to restore 'last working' set in case of plugin crash or any accidental loss of edits.
- 2021 / 03 / 19 - 9.51 AM
- 2021 / 03 / 19 - 9.44 AM
- 2021 / 03 / 19 - 9.37 AM
- 2021 / 03 / 19 - 9.36 AM
.profile-card .title{
background-color: rgba(226, 47, 47, 1);
} .profile-card p{
color: rgba(226, 47, 47, 1);
} .profile-card p{
color: rgba(18, 23, 19, 1);
} - 2021 / 03 / 19 - 9.19 AM
- 2021 / 03 / 19 - 8.50 AM
- 2021 / 03 / 19 - 8.44 AM
HTML \ CSS Inspector
A built-in inspection tool, to accurately analize and target the right elements that you want to edit.
JavaScript Editor
Adding your own JavaScript code and integrating popular libraries in your sites is now possible directly from the front page of your website with live linting and rendering.
Video Backgrounds
Video speaks louder than words and now you can bring your web pages to life with video backgrounds. A wide selection of free footage from Coverr is available at your fingertips.
Modern CSS Features
We have added a selection of the most important modern css properties, enabling you to reach for the sky maximize your CSS powers.
Use any Font
Easily embed any kind of font, built-in support for Google Fonts, Typekit and now upload your fonts is available too! .otf,.ttf and .woff supported.
Sitewide preview
Watch how your CSS site edits propagate to every corner of your site and gather a global visual overview of your project
Style :hover states with ease
CSS Hero now allows you to easily get full control on theme :hover styles, simply enable the Show Hovers mode and have fun.
- Home
- Projects
- Nike
- Adidas
- Saucony
- Contacts
- ...
Mobile Hot Reload
Want to live check how your edits really look on your mobile or on any handheld device? Simply point a QR code with any device and your edits will show live.
Fully themable
CSS Hero now ships with 6 built-in app themes as well as 20+ code themes, feel free to choose your favourite combination.