Introducing CSS Hero 3.1

Posted May 8, 2018 by mat

CSS Hero 3.1 is out! This brand new update brings some pretty cool new features and some small fixes to make your CSS Hero experience better than ever.
Let’s immediately dig into the details and enjoy this trip!


New Font Manager: redesigned UX

Using special Google or Typekit font is much easier than before, with a simple and streamlined interface.

Relative static CSS file URL generation

This small fix will help staging sites and site migrations in general.

Unsplash API update

Now we send a ping to UnSplash upon image choice, to meet latest API updates.

New spacing widget

Easily handle paddings\margins in visual way, the old ‘inlined’ controls are still available upon Expand click.

Inspector auto-scroll

Triggering Inspector now scrolls the code editor to the currently editable element.

Important Parser FIX (as first introduced in beta 3.09.7)

History back-forward closing tabs fix

Editor tabs now stay open when browsing through edits history.

Help Links

Help links that pointed to the CSS Reference site  have now been updated and now link  to Mozilla dev.

Better feedback upon successful saving

A more clear visual feedback is shown when hitting the “Save and Publish” button.

Properties Tab editable count is now clickable

Pointing to the edited props for the current element.

Added the .duotonizer() class

A cool code snippet to make duotone images

URL updates upon site browsing

The app url now updates upon browsing the website frame allowing consistency on page refresh (save needed).

Shift + arrow UP\DOWN

Re-introduced SHIFT + arrow UP\DOWN functionalities on inputs to increase\decrease values with +-10.


Subscribe to our Newsletter to get CSS Hero news and discount codes.

7 thoughts on “Introducing CSS Hero 3.1

  1. graffig says:

    Wonderful! Thanks team 👍🏻

  2. TeacherMac says:

    Where can this update be downloaded?

    1. peaches1001 says:

      Yes, I’m looking for it too. It’s not in the account dashboard nor within WP as a Plugin update. Perhaps they forgot to add the link 🙁
      Now I have to login again, even though I am already logged in to my account. Confused……

      1. You can download the new version from your dashboard.

        1. peaches1001 says:

          But in the Dashboard it is only showing version 3 & not 3.1

          1. Tony Inchpractice says:

            Same here. I can’t see 3.1 either

  3. Rostislav Sipakov says:

    This solution is a real find!!!

Leave a Reply

CSS Hero is the definitive plugin to customize your WordPress themes with an easy and intuitive WYSIWYG interface.


Become a CSS Hero affiliate and earn 40% on each sale right now. Spread the CSS Hero word and share the wealth with us!
Start Earning →

Follow the Hero