Every once in a while, you might run into a situation where you want to add a CSS class to a specific link in your WordPress navigation menu. Let’s say you want to make one link in your navigation stand out from the rest, and make it a call to action button. You could do […]
Add CSS Classes To Menu Items In WordPress
Using WordPress Custom Admin Styles
Sometimes, it is advantageous to add custom CSS to the WordPress admin area. Perhaps you want to show an admin area that does not resemble the default WordPress back end. In other cases, you may want to serve specific admin styles, based on the user role of who’s logged in. Here’s how you add WordPress […]
Create A CSS Sticky Footer
What is a sticky footer? And why would you need one? As you may already know, the footer is the area at the bottom of a web page. This area usually contains copyright information, social media and other links, and sometimes contact information. The problem is that occasionally, your site may have pages where the […]
CSS: Using :nth-of-type() To Style Repeating Items
If you’re a developer, you’ve probably encountered a situation where you need to style items in a list. Oftentimes, you might be called on to set up a repeating pattern of items in a grid — like mini-profile bios on an About Page, for example. Let’s say you have a grid where each row has […]
Styling WooCommerce Review Stars
WooCommerce is the leading e-commerce solution on WordPress, and powers millions of online stores. However, customizing certain elements in WooCommerce isn’t always as obvious as one might presume. This tutorial looks at how to change one of those elements, the review stars.
When Chrome Print Preview Differs From DevTools View
This one’s for the web developers in the house. If you’ve ever tried to debug print styles in Chrome, and kept wondering why the print preview looked totally different than what you were seeing in Chrome Developer Tools, you were exactly where I was earlier this week. Turns out the root of your problems may […]
Target Safari 7.1 and 8.0 CSS Styles (OSX Yosemite)
Not long ago, I ran into a strange CSS bug with the newer versions of Safari. As you may know, different web browsers treat CSS style rules differently. Since the dawn of the web, there have always been browser-specific quirks that keep web developers up at night. In this particular case, I was trying to […]
Adding Custom Styles To Google Maps
You may have seen examples of stylized Google Maps before. These Google Maps look different than the default styles that come with Google Maps. There is an example of one of these stylized maps at the bottom of my Contact page. You may be wondering “How do I get my own Google Map to look […]
Code Highlighting via Prism.js
Every once in a while, I share code snippets or development tutorials on the blog. Up until recently, I was using a plugin to handle code highlighting. (That’s where the code blocks have their own fancy code styling.) But then I discovered my plugin was causing a conflict with another part of my site, so […]
Load Google Fonts Asynchronously For Page Speed
Web developers who are mindful of user experience, performance, and SEO pay attention to page speed. If you’ve ever tested your website on