Category: CSS

Free Course – Practical CSS for Beginners

Free Course – Practical CSS for Beginners

This course is focused on practical CSS for beginners Here’s the video playlist Structured practical bare bones CSS (note: this playlist has videos being added on schedule. If you don’t see all the videos in the playlist, please come back in a couple of days, or subscribe to me on YouTube) Software that helps Set […]

Quick Intro to CSS variables

Quick Intro to CSS variables

CSS custom properties can be set and used as variables. Let’s learn the basics of CSS variables, and how cool they can be. They look like this: And when you need to use that dark green anywhere on the site, you use the custom property inside a var() as a variable like this: It works […]

Responsive Web Typography Crash Course

Responsive Web Typography Crash Course

Here’s the quickest way to make your web typography responsive… without using any media queries! WHAT?!?

Getting the anchor links to align properly

Getting the anchor links to align properly

I’ve seen many people ask about how to make anchor links align properly at the top of the screen, right under the header. A lot of the times, the problem is that the anchored section sits under the header. This causes problems because that’s the not content that was intended to show when scrolled to. […]

Learn WordPress CSS in under an hour

Learn WordPress CSS in under an hour

This is the quickest way to learn CSS. In 45 minutes, learn enough CSS to know what you’re doing.

CSS – When should you use !important?

CSS – When should you use !important?

How does !important work in CSS? Should you use it? If so, when? If not, why not?

Divi Tutorial – animating button backgrounds

Divi Tutorial – animating button backgrounds

Let’s learn how to make some cool CSS based button animations. This one’s relatively easy. Let’s start with the video:   This is a gradient button This is a gradient button This is a gradient button This is a gradient button   The trick is giving the background a gradient, make it larger than double […]

WP Tutorial – Styling Various Contact Form Plugins

WP Tutorial – Styling Various Contact Form Plugins

Here’s a simple rundown of styling most/all contact form plugins, and tips on making them look great.

CSS – Centering Text with Loose Tracking

CSS – Centering Text with Loose Tracking

Hey, have you noticed that when the text has very wide tracking, it’s not centered? Learn to fix that with CSS.

WP tip – Forcing a CSS stylesheet refresh

WP tip – Forcing a CSS stylesheet refresh

You can’t make everyone use the incognito browser to confirm that it’s been changed.

WP Tip – Use dropbox during development

WP Tip – Use dropbox during development

Use Dropbox for your stylesheets during development. It’s pretty cool.

[Opinion] What about IE?

[Opinion] What about IE?

There’s a debate on whether IE should be supported or not. When a Wordpress site is built, should it also be tested on IE? A surprising number of people say “no.” Really?