WordPress Tutorials & More!
(Best WordPress Tutorials)

Have you ever wanted to change the default slide transition in the Bootstrap 4 Carousel to a fade transition instead of a slide one? Well, you’re in the right place! To do that, the only change we need to make to the HTML code is adding the class carousel-fade to the main carousel div. In […]

Have you ever wanted to add touch swipe and gestures to your Bootstrap Carousel? It’s quite simple to do really… So first things first, you will need to add the TouchSwipe jQuery Plugin to your website. This plugin will detect single and multiple finger swipes, pinches and falls back to mouse ‘drags’ on the desktop. […]

In this article, we are going to show you how you can change the ordering of columns using Bootstrap 4. By this, we mean we can actually order the alter of the columns in which they are displayed, differently from mobile to desktop, or at a particular breakpoint for that matter. By using .order- classes […]

If you are looking to create an animated SVG Hamburger Menu icon then you are in the right place. Today we bring you six different animations which would look great on any production website. It’s all about the added animations to make a website more appealing and look top dollar! Here is a JSFiddle for […]

If you have ever created your own Bootstrap Navbar with a dropdown menu, the first thing you may notice is that you have to click the parent link to reveal the sub-menu. This is an intentional design decision according to Mark Otto: “The purpose of a hover state is to indicate something is clickable (underlined […]

In today’s tutorial, we are going to show you how to create a toggle switch to change your website from ‘light’ mode to ‘dark’ mode. In recent times, more and more devices start to support dark mode. With that in mind, we will have to create our website with dark mode capability support in mind. […]

If you are looking to create a floating animation just using CSS, then you are in the right place. Alternatively, you can visit the CodePen to see the animation in action. In our example, the key things we need to add are: transition property to move the element smoothly, over a given duration @keyframes property […]

How you ever wanted to create a 3D Flip Box? Well, you are in the right place. This is basically a div which flips when you hover over a certain element and can be achieved using CSS alone. You can use JavaScript and jQuery, but if you can use just CSS alone, it’s always better […]

So you want to style checkboxes and radio buttons to look more awesome than the default styling? Well, you are in the right place. These input values are a bit of a pain, and the default options tend to look a lot different depending on which browser you are using. There are several ways to […]