How to Easily Add Custom CSS to Your WordPress Site

Sometimes you may find yourself needing to add Custom CSS in your WordPress site. Perhaps it’s because you’re following a tutorial on WPBeginner. If using FTP is too confusing, then there is an easier way to add CSS on your site. In this article, we will show you how to add custom CSS to your WordPress site without editing any theme files.

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.

Simple Custom CSS

Don’t forget to press the ‘Update Custom CSS’ button to store your CSS.

You can now view your website to see the custom CSS in action.

Using a Custom CSS plugin vs Adding CSS in Theme

Adding custom CSS snippets into your parent theme is not recommended. Your CSS changes will be lost if you accidentally update the theme without saving your custom changes.

The best approach is to use a child theme instead. However, many beginners don’t want to create a child theme. Apart from adding custom CSS they really don’t know how they will be using that child theme.

Using a custom CSS plugin allows you to store your custom CSS independant from your theme. This way you can easily switch themes and your custom CSS will still be there.

Another great way to add custom CSS to your WordPress site is by using the CSS Hero plugin. This wonderful plugin allows you to edit almost everything in your WordPress site without writing a single line of code.

Editing custom CSS with CSS Hero plugin for WordPress

We hope this article helped add custom css to your WordPress site. You may also want to see how our guide on how to create a site-specific WordPress plugin to store your custom code snippets.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

To leave a comment please visit How to Easily Add Custom CSS to Your WordPress Site on WPBeginner.

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s