CSS Hero 1.5, say hello to Cloning Styles

Posted September 23, 2015 by CSS Hero

Today we’re extremely happy to announce that CSS Hero has been updated to 1.5! It’s a massive upgrade including some bug fixes and some new interesting features:

  • Cloning Stylesmore on this below
  • Support for modern viewport units (vmin,vmax, vh,vw) – more on this below
  • Faster editor loading
  • Bugfix: editing is allowed on published pages only, preventing editing with CSS Hero a draft or in Preview Mode, which could result in crashes or unreliable behaviours.
  • Turn off Hero trigger icons from backend
  • Fully tested on WP 4.3.1

Cloning Styles

In 1.5 we’ve also added a new feature which we think will result extremely useful to speed up your design process by giving CSS Hero the ability to selectively clone element styles and replicating them with ease.

You can read more about copy and paste in the documentation page.

Vmin, Vmax, vh, vw: “modern” viewport units

A welcome and useful addition to the world of CSS is the adoption and support, by all modern browsers, to these useful units.

In a nutshell, these units allow a percentage sizing of an element – or a font size – which is dependent on the viewport size: this feature can help achieving more easily a fluid, responsive behaviour for elements like titles – which you may want big on a large screen, and smaller on a mobile device.

This new set of units consists of four different units. Two for each axis, and a minimum and maximum value of the two.

  • vw : 1/100th of the actual viewport width
  • vh : 1/100th of the actual viewport height
  • vmin : 1/100th of the smallest side of the actual viewport
  • vmax : 1/100th of the largest side of the actual viewport

Newsletter

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

6 thoughts on “CSS Hero 1.5, say hello to Cloning Styles

  1. Scott Bernadot says:

    This is awesome guys! Thank you for continuing to improve an already amazing product.

    CSS Hero literally saves me hours of time customizing a new website, and now I will save even more time with this new copy/paste feature. Love it!

    One quick suggestion for a future update is the ability to bracket the CSS media queries with a min and max value. Right now, just a max value is used, and that can create unintentional effects on non-targeted displays. Just a thought 🙂

    – Scott

    1. @scottbernadot:disqus, thanks! Really nice to hear from you! You’ll be happy to know that we’re already hands on a new feature which will possibly speed up your work even more. Spoiler time: imagine having an extendable archive of pre-made styles for common usage elements such as titles, buttons or links available within CSS Hero 🙂

  2. Good move. When & where will this update be available, guys?

    -Mike

    1. Hi Michael, you can download this new version from your CSS Hero dashboard here: http://www.csshero.org/dashboard.
      Enjoy it!

  3. A. Wibke Heidelmann says:

    But how do I update CSS Hero in WP. An update does not appear in the plugin udates…

Leave a Reply

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

Affiliate

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