How to add Custom CSS Globally

In this article we learn how to add CSS to Wordpress' Customizer. This applies the CSS added globally to the website.

Step 1

Once logged in - Scroll down to Appearance and select Customize from the hover options on the left hand side navigation bar.


Step 2

Click the Additional CSS menu item in your new sidebar.


Step 3

Give your custom code a title to remember it by.


Step 4

Paste your provided CSS code at the top or bottom of any existing code. If you're experienced with CSS this can be pasted elsewhere between a closing and opening bracket. Example:

.existing-code-1{

display:none;

}

.pasted-code{

font-size:15px;

}

.existing-code-2{

display:block;

}


Step 5

Click Publish in the upper right-hand corner of your sidebar.

We always recommend clearing caches after changing your CSS.