WordPress Tutorials & More!
(Best WordPress Tutorials)

Have you ever wanted to have a fixed element on the sidebar, whether it be on the left or right side of the page. It’s pretty simple to do but when you rotate the element, you might notice that the positioning goes away from the sidebar. Here is an example of the kind of thing […]

If you’ve ever used image replacement on hover for your background images then you will have noticed this annoying ‘blinking/flicker’ the first time you hover over the element. That’s because we are not pre-loading the image and so I would recommend loading the image on load to avoid this. Here is a simple and effective […]

If you’re trying to turn some text using rotation for elements, such as rotating text 90 degrees clockwise/counterclockwise then you’re at the right place. So how can we achieve this? Simple! Check out the below CSS which gives you cross-browser compatibility:- .rotate { transform: rotate(-90deg); /* Legacy vendor prefixes that you probably don’t need… */ […]

A major component of responsive design is creating the right experience for the right device. With that many different devices on the market, this can be a large task. We’ve rounded up media queries that can be used to target designs for many standard and popular devices that is certainly worth a read. You may […]

Have you ever wanted to change the default Bootstrap navbar breakpoint? I’m sure you’re probably here because either your navbar collapse is either happening too soon (at to wide of a screen width), or too late (where the navbar links start to wrap at wider widths). By default, Bootstrap collapses (vertically stacks) the navbar at […]

Today we are going to show you a nice little feature using CSS box-sizing as an image replacement technique. I stumbled across this when I was asked to replace an on of the sites we built with another image hosted elsewhere. Sounds easy right? But the catch was I would not be able to replace […]

If you’ve ever used anchors in HTML pages you probably already know what the issue is. Sometimes when you add an anchor point above the div you want it to scroll down to, when you click the link you quite often find it’s cutting off some of the section you want to have within the […]

Have you ever seen the countdown timers to a specific date on a ‘Website Coming Soon’ page or a countdown to an upcoming event? You know the ones that update every second until it reaches the ‘deadline’. Well in this tutorial we are going to show you how to do this. You can see a […]

The Back to top link allows users to smoothly scroll back to the top of the page. It’s a little detail that enhances the navigation experience on a website with long pages. How to add a custom back (scroll) top top icon? Firstly, within your footer, add the following HTML:- <a href=”#” class=”back-to-top”></a> Then add […]