CSS or Cascading Style Sheets is a style sheet language used to define visual appearance and formatting of HTML documents. WordPress themes use CSS and HTML to output the data generated by WordPress. Sometimes you may find yourself needing to add Custom CSS in your WordPress site.  In today’s article we will present two solutions to how you can do this.

Add Custom CSS to your WordPress site with a plugin

In our experience, the most WordPress users prefer to use a plugin to add Custom CSS. The biggest advantage is that the plugins are just downright accessible. It’s easy to install a plugin, activate it, and paste some CSS in a text box. What’s more, there may be situations where you want to apply the same CSS to more than one theme.

First thing you need to do is install and activate the Simple Custom CSS plugin. Upon activation simply go to Appearance » Custom CSS and write down or paste your custom CSS.

PC: https://wordpress.org/plugins/simple-custom-css

Now all you need to do is to don’t forget to press the ‘Update Custom CSS’ button to store your CSS.

Add Custom CSS to your site from WordPress settings

The second solution is to add custom CSS with the default WordPress options. Since WordPress 4.7, users can now add custom CSS directly from WordPress admin area. This is super-easy and you would be able to see your changes with a live preview instantly.

Go to Appearance »  Customize . This will launch the WordPress theme customizer interface. You will see your site’s live preview with many options. Click on the Additional CSS tab from the left pane.

The tab will slide to show you a simple box where you can add your custom CSS. As soon as you add a valid CSS rule, you will be able to see it applied on your website’s live preview pane. Here you can add your Custom CSS and don’t forget to click on the ‘Save & Publish’ button when you are finished.

We hope this article helped add custom css to your WordPress site