How to Add Custom CSS to Your WordPress Website

Sometimes, there is a need to add Custom CSS to the WordPress website. Using FTP is very confusing for beginners, so there is an easier way to add CSS to the WordPress website. In this article, we will show you how to add custom CSS to the WordPress website without editing the program files.

Here are the 2 methods of adding the Custom CSS to the WordPress website.

1. Add Custom CSS

The owner of the website can directly add the Custom CSS from the WordPress dashboard. It is the super easy way and you would also be able to see the changes with a preview option.

Go to the Appearance >> Customize

This will open the interface of WordPress theme customizer. You will check your website’s preview with the bunch of other options on the left side. Tab on the Additional CSS to edit.

This will open to show the box where you can add the custom CSS. Now, you can add the CSS code and check the change in the live preview. You can change or add more custom code, until you get what you want.

Once the code edit is done, Tab the Publish button on the top.

2. Adding Custom CSS Using a Plugin

This second method requires you to add a plugin. It is particularly useful for those who are using 4.7 or later version of WordPress.

Firstly, install and activate the Simple Custom CSS plugin. After activation simply go to the Appearance >>  Custom CSS and write down the CSS code. Click on the update Custom CSS button to update the CSS code. Now you can see the changes in your website.

Note: The advantage of using the plugin is that the changes in the CSS code will be available even when you change the theme.

Custom CSS plugin vs CSS Code in Theme

Beginners can use both the above methods. But, the advanced users can also add CSS code directly to the themes.

Adding the CSS code in the parent theme is not recommended. If you update the theme without saving the Custom CSS changes, your custom CSS changes will be lost.

It is recommended to use the child theme instead of parent theme. Due to lack of understanding and complications, many beginners are not able to make the child theme. They may also not idea how to use the child theme other than just adding the code.

If you want to store the custom code CSS separately from the theme then install the custom CSS plugin. This plugin helps in switching the theme without losing the custom CSS.

If you really find this article helpful then share it with your friends and also on Facebook, and Twitter.