Tutorials

In the mood for growing your skills? Discover something new and try to apply it to your site, it’s interesting and fun!

Newsletter

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

Avoid these 3 CSS Hero rookie mistakes

Posted October 14, 2015 by yyaganova

If you are not very familiar with CSS, and you just got your hands on CSS Hero, it’s natural to feel all-powerful. Now you can change anything and everything on your website without a single line of code! It’s easy to get carried away. And that may lead to some frustrating CSS Hero rookie mistakes. […]

Mastering CSS Hero + Beaver Builder – Custom Classes

Posted September 1, 2015 by CSS Hero

Beaver Builder has to be one of our favorite content builders for WP so far, it’s an amazing piece of code which can easily guide you in creating quite complex layouts in almost no time. It’s simple yet extremely powerful and superbly coded. Of course it works great with Hero out of the box but today […]

Using CSS Hero Presets

Posted June 17, 2015 by CSS Hero

CSS Hero’s saving logic has been built to be the lighter possible adding only the minimum overhead to your site. Each time you perform a save action Hero stores the edits data by his own in a very clean and exportable theme option. This turns out to be a key feature when it comes to […]

Styling Job Manager WordPress plugin application table

Posted June 8, 2015 by CSS Hero

In this quick video you can see how easy is to customize the Job Manager application form to easily achieve a neat column aligned layout. Here’s what you have to do: First of all set all the JM table rows to display : block, this basically will allow you to manage those rows as normal […]

Working With Padding & Margins

Posted April 28, 2015 by dynamik-beaver

In this lesson, Colin shows you how to work with padding and margins to position your content. He also explains the difference between padding and margins by demonstrating on the CSS Box Model. As a reference, here are the CSS Box Model descriptions to help you understand the difference between padding, borders and margins: CSS Box […]

How To Use CSS Hero to Customize the Contact Form 7 Plugin

Posted April 15, 2015 by Ariel

With over 1 million active installations, the Contact Form 7 Plugin is one of the most popular contact forms in the WordPress Repository. Not only is it easy to use, but it’s also pretty easy to add additional tags to help create a unique contact form on your site. The only downside is that the plugin doesn’t […]

Working With CSS Size Properties

Posted April 12, 2015 by dynamik-beaver

In this lesson, we take a quick look at how to use CSS Hero to work with the “Size” properties available to you in CSS. Although you probably won’t need to use the size property very much, Colin shows you a couple of handy css “size” tricks that may come in handy, especially for mobile […]

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