Adding custom CSS to your WordPress site can offer tons of customization. From changing the look of elements to removing them completely, CSS can be used for a wide range of visual changes on your website.
In this guide we’ll show you how to add custom CSS to your WordPress site using built-in options or a plugin.
Video Tutorial
No time for an article? here’s a quick video showing you how to add CSS to your WordPress site.
Add Custom CSS with the WordPress Customizer
The easiest way to add CSS to your WordPress site is to use the additional CSS option in the theme customizer.
WordPress has a built-in Additional CSS editor in the theme customizer. It’s available on all modern WordPress versions.
This can be found in Appearance>customize.
This is by far the fastest way to add custom CSS to a WordPress site. Best of all it lets you preview the changes as you add them.
Once you’re in the WordPress customizer you should see an option for additional CSS on the bottom of the panel on the left side of the page.
In this panel you can add any custom CSS you have plus you’ll be able to directly preview your changes as you type.
Best of all in the customizer you can schedule your changes as well using the gear icon next to the publish button. If you want to publish your changes directly just hit publish on the top.
Add Custom CSS with a Plugin
If you prefer a dedicated CSS editor outside the customizer, the Simple Custom CSS plugin adds a standalone page for your custom styles. Some users find this easier than navigating to the customizer each time.
Simply look up “Simple Custom CSS” in Plugins>add new
After installing the plugin and clicking activate you’ll see the Custom CSS option under appearance.
On this page you can add any custom CSS you want to add to your site.
Add Custom CSS in the Site Editor (Block Themes)
If your theme is a block theme (like Twenty Twenty-Four or Twenty Twenty-Five), WordPress also lets you add custom CSS through the Site Editor. Go to Appearance > Editor, click the Styles icon (half-filled circle), then open Additional CSS at the bottom of the panel.
This works the same as the customizer method but is built into the newer block-based editor. If you’re using a classic theme, stick with the customizer or plugin method above.
Those are three ways to add custom CSS to WordPress. If you’re new to CSS, sites like Codecademy and YouTube are great places to start. For more ways to customize your site, learn how to create a WordPress child theme or browse our useful code snippets.
One Response
This is really a great article, I start learning how to make my own CSS for my site that’s why this article is helpful for me.