HTML / CSS

To dynamically change CSS class of a HTML element on click gives us wide variety of possibilities to add interaction to our website. A HTML element can change it’s CSS class or get a new one when we click on it. In other words, we can visually style an element differently (and much more) before […]

Using a HTML ordered list on your website and you need it to start from a custom number instead of 1? The solution is quite simple. In this tutorial we’ll show you how to easily change the ol start number. Want to reverse the numbers order? No problem, we’ll show you how to do that […]

When styling the visual appearance of a website, developers often forget about a tiny detail. We’re talking about the text select highlight color which is often left on it’s default value. Depending on the website color palette, sometimes the highlighted text might just not look right. The text selection color CSS code is pretty simple […]

Adding a smooth scrolling animation when navigating between elements on a single page is a quite simple task. Apart from many plugins available, you can implement this function by adding a simple smooth scroll jQuery script to your website. There’s also a even simpler solution using only the scroll behavior CSS property. This tutorial will […]

There are many situations when you need to perfectly fit images with various aspect ratios into a container with predefined dimensions and aspect ratio. The best practice in those cases is to create a image cropper that will optimally fit the image inside the predefined container and crop the sides that overflow. To create the […]

A good practice of enhancing the website visual appearance is the implementation of color gradients to various text elements. Titles, links, buttons and CTAs will stand out even more if we replace the boring solid color with a colorful gradient. In this article we’ll show you some cool examples of text gradient CSS code that […]

Thinking about how to visually enhance your WordPress website? How about emphasizing some text elements with color gradients? Now you can change your boring one color text elements to colorful, visually attractive titles, CTAs and even paragraphs. Learn how to do it with our CSS text color gradient tutorial. CSS text color gradient browser compatibility […]

Chrome users must have noticed their browser address bar color change when visiting certain websites. Usually, the color changes according to the website color palette. This tutorial will show you how to change address bar color in Chrome and give a nice visual enhancement to your website. Why change address bar color if it works […]

Even though all modern WordPress themes use responsive design by default, in some cases additional responsive adjustments are necessary. Either if you are building a website from scratch or modifying the structure of a WordPress theme, more or less responsive fixes will be needed. To maintain the perfect visual appearance on all devices we suggest […]

There are many situations when developers need to create a grid of HTML elements, usually divs. The most frequent situation in WordPress is when you want to arrange your posts on a category page into a grid. Because of the variable height of each post, next row elements might not lay properly and cause the […]

Instead of the default boring browser scrollbar, you must have noticed a nicely designed, color matching scrollbar on some web sites. That’s a visually customizeds scroll bar and it enhances the overall look of the website. Here you’ll learn how to Customize Scrollbars with CSS in WordPress and make your web site stand out from […]

HTML lists are some of the most used HTML elements in web development, but also in writing page and post content. In WordPress, lists come with some basic default styling applied by the theme. In most of the cases you’ll want to modify the default list styling to meet your design needs. This article will […]