fbpx

Tutorials

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

We want to add a background color to a product variation label as shown below: How to do it? To apply a background color to a product variation label with zero or no coding, follow the steps below: Launch the CSS Hero Editor. Select the product label on which you want to add a background […]

Continue Reading →

How to use any font with CSS Hero?

Typography is something that brings life to a text. Web designers have a plethora of fonts and type options at their disposal, making typography more visually diverse than ever before. Your WordPress theme might have only a few selected fonts and you might need to add your own fonts. CSS Hero comes with a comprehensive […]

Continue Reading →

How to add borders to images using CSS Hero?

Borders make the image look more appealing by making the image stand out from the rest of the content on the page. It makes the viewer ‘wander‘ within the image and ‘feel‘ its atmosphere leaving the outer distractions. Feel the difference below: Image with a border: Same image without a border: You can easily achieve […]

Continue Reading →

How to achieve a special underline with CSS Hero?

Styling the underline which is beneath words can be tricky. There are a handful of ways to make an underline. So, what’s the best approach to make a special underline? What is a special underline? It’s a pretty basic underline, but it’s a good size and it skips descenders too. Have a look below: We […]

Continue Reading →

How can I hide content with CSS Hero?

A typical question every beginner webmaster is facing sooner or later is “how do I remove this element from my site“: if the element is not something that belongs to the content area, it can be quite hard to understand how to proceed, depending on the used Theme. To actually remove a template element, given […]

Continue Reading →

One of the most common needs when it comes to editing a WordPress theme is to selectively add custom classes to your elements to adjust their aspect with consistency. What is a .class? A class is a collection of properties which extend an element styling. HTML elements can be identified by a variety of attributes […]

Continue Reading →

Hover Effects with CSS Hero

Making a website unique is a matter of choosing the right colours, combining the right fonts and tuning all the details to make it stand out. Among those details one of the most recognisable feature is of course how the user interacts with your website and how those interactions are perceived, enter the hover animations […]

Continue Reading →

Ready to make your site stand out from the competition? Animate it! Animation is a fun and powerful tool; however, it is underused in web design – possibly, because most site owners perceive it as something hard or tricky to code. But that’s what we are here for! Bringing you a tutorial on 5 classy […]

Continue Reading →

Minimalist styles such as material and flat design are attractive because of their simple, clean, and focused looks. However, at times, they lack emotion and personality. So if your hands are itching to bring out your brand’s full persona or add a touch of old-fashioned flair, why not bust out a fun pattern or a […]

Continue Reading →

7 CSS tips to add some WOW to your hero image

Hero images are one of the biggest – and the most attractive – trends in web design at the moment. Usually taking up the whole width of the page (and sometimes the whole height, too), hero headers captivate attention and entice visitors to explore a website further. Since you only have a few seconds before […]

Continue Reading →

Have any pre-sale questions?
Please dont hesitate to Contact Us.

Registered Members, need something?
Get started from your Dashboard.