Using a custom CSS plugin for CSS only changes

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.

The Benefits

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.

  1. Go to Plugins >> Add New
  2. In the search, type in Simple Custom CSS
    Simple Custom CSS plugin
  3. Click Install and then activate it

Once installed, it adds a link to the Appearance menu labeled as “Custom CSS“.

Appearance >> Custom CSS

Simple Custom CSS screen

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.

Error: Please enter a valid email address

Error: Invalid email

Error: Please enter your first name

Error: Please enter your last name

Error: Please enter a username

Error: Please enter a password

Error: Please confirm your password

Error: Password and password confirmation do not match