You may have noticed there are many ways to edit your website and the theme you are using. We’ve talked about using the Additional CSS feature in the customizer, using a child theme, and also using the WordPress Theme Editor.
We still have another option to allow customizing your theme with only CSS changes. Remember from the Additional CSS tutorial, we talked about the limited space you get to work in, but with the plugin method, you get a lot more real estate to work with.
There are a few custom CSS plugins out there, but the one we recommend is called Simple Custom CSS which was listed in our Introduction to Plugins and Recommendations.
When using the plugin method, you get a few benefits:
- More space to work in
- Because it’s a plugin, changing themes won’t delete your custom CSS
- You won’t lose your custom CSS when a theme is updated
Install Simple Custom CSS
This will guide you through the setup of the Simple Custom CSS plugin.
- Go to Plugins >> Add New
- In the search, type in Simple Custom CSS
- Click Install and then activate it
Once installed, it adds a link to the Appearance menu labeled as “Custom CSS“.
Appearance >> Custom CSS
To start adding your own CSS code, either remove the /* Enter Your Custom CSS Here */ comment line, or add your code on the next line below.