One of the SEO questions we commonly hear is, “Can the speed of your website affect SEO?” As of August 2021, Google indicated that as part of the Page Experience Update, certain factors that correlate with a fast loading site would be considered in ranking. These Core Web Vitals that you should pay attention to […]
Does the Hosting Server Location Affect SEO?
Solved: Firefox Font Weight Renders Too Bold
Every web browser has it’s quirks. In Firefox, some fonts render as bold when they should render at a normal font weight. How do you fix it when the Firefox font weight renders too bold? There are some CSS rules you can add that will fix the problem. When Does Firefox Incorrectly Render Fonts As […]
Styling Radio Buttons in Gravity Forms
I knew this Gravity Forms code would come in handy sometime. Mostly, I’m writing it down for my own reference material, so I can Google it later. So, this is some code I wrote in late-2016 for a custom theme project where I had to style Gravity Forms radio buttons to have different color “bullets” […]
Change the Bullet Color of a List Item with CSS
In web design, sometimes it is useful to change the bullet color of a list item to some other color besides the text color. We can do this using CSS. For example, perhaps you have a bulleted list, and you want to keep the text black, but make the bullets green. There is no CSS […]
Ordered Lists With A Different Color For Numbers
In HTML, there are two types of lists: ordered and unordered (ol and ul). Ordered lists have numbers for each list-item (li), while unordered lists do not have numbers. Unordered lists are generally used for many different things, like site navigation, widgets with links, bullet-point lists, or any place a set of links might show […]
Styling the Select Element Consistently in HTML
Getting different web browsers to show the same element the same way can be tricky, especially when it comes to form inputs. One of the most finicky HTML elements to style consistently across different browsers is the select element. Here are some tips for styling the select element to make it look the same from […]
Get the URL of a Featured Image in WordPress
Sometimes it is useful to get the URL of a Featured Image in WordPress, instead of just outputting the image itself as HTML. When would you use this? If you need to get the URL in order to use it for a background image, as in a header at the top of the page, for […]
Webkit Bug Fix: Slider Causes Font Weights To Change On Page
Every browser has it’s own idiosyncrasies. A browser quirk I found in Safari is directly related to pages with a slider located on the page. Specifically, when the slides animate, font weights of various HTML elements somewhere else on the page change when the slides animate. Weird, right? It turns out this is a bug […]
Integrating Google AMP and WordPress
In October of 2015, Google debuted a new project called AMP, or Accelerated Mobile Pages. The project is open-source, with other companies like Adobe, Twitter, Vox Media, BBC, The Guardian, and The New York Times also contributing to this project. So what is AMP? And why does it exist? For the last few years, web […]
HTML: Give Parent Div 100% Height Of Child Floated Elements
Many web designers and front end developers have been stumped by this dilemma before. When you have a parent div with only floated child elements inside, how do you give the parent element the height of the floated child elements? Before we look at the answer, let’s look at why this is a problem in […]