How to Add Custom CSS in WordPress

As you become more familiar with WordPress, you’ll almost certainly want to add at least some custom CSS to your site. But adding custom CSS in WordPress can be a little tricky because it’s not recommended to just edit the parent theme’s stylesheet and paste your code directly there.

To help you add custom CSS in WordPress correctly, we’ll share four different methods.

Using WordPress Customizer

Let’s start with WordPress Customizer because it is the most accessible method.

Pros of Using WordPress Customizer for CSS
You don’t need to configure or install a plugin. It is part of the WordPress core. 
You can see your custom CSS changes in a real-time preview of your site.
It includes a basic check to make sure you haven’t messed anything up.

Disadvantages of Using WordPress Customizer for CSS
Any custom CSS you add is tied to your theme. So if you change themes you need to copy your own CSS.


Using the free Simple CSS plugin

Simple CSS is a free plugin from Tom Usborne, who is also the creator of the popular GeneratePress theme. The  plugin can do almost everything from the previous method and much more.

Pros of using the Simple CSS plugin
You can add CSS using WordPress Customizer for real-time viewing.
The plugin includes a separate, fully featured CSS editor outside of the WordPress Customizer.
You can add custom CSS to individual posts or pages.
Any CSS you add is theme independent. So even if you switch themes, your CSS will still be there.

Disadvantages of Using Simple CSS
There is no code review similar to the WordPress Customizer method.

Leave A Comment

Complimentary SEO Audit