How to Add Custom CSS to Your WordPress Site

In some cases, you may wind up expecting to add Custom CSS to your WordPress site. Maybe this is because you’re following a tutorial on WPBeginner or our YouTube channel. For most novices, using FTP is too confusing, however, there are alternate approaches to add custom CSS.

In this article, we will show you how to handily add custom CSS to your WordPress site without altering any topic files.

Method 1: Adding Custom CSS Using Theme Customizer

Since WordPress 4.7, users would now be able to add custom CSS straightforwardly from the WordPress administrator region. This is super simple, and you would have the option to see your progressions with a live review right away.

In the first place, you need to make a beeline for the Themes > Customize page.

This will open the WordPress subject customizer interface.

You will see your site’s live preview with a lot of alternatives on the left sheet. Click on the Additional CSS tab from the left sheet.

The tab will slide to show you a basic box where you can add your custom CSS. When you add a substantial CSS rule, you will actually want to see it applied on your website’s live review sheet.

You can keep adding custom CSS code until you are happy with how it looks on your site.

Remember to click on the ‘Save and Publish‘ button on the top when you are done.

Note: Any custom CSS that you add using topic customizer is just accessible with that specific subject. If you might want to use it with different subjects, then you should copy and glue it to your new topic using a similar method.

Method 2: Adding Custom CSS Using a Plugin

The primary method just permits you to save custom CSS for the presently dynamic subject. If you change the subject, then you may have to copy and paste your custom CSS to the new topic.

Also see: Fix “Briefly Unavailable for Scheduled Maintenance” Error in WordPress

If you need your custom CSS to be applied paying little heed to which WordPress topic you are using, then this method is for you.

Also see: How to Add Multiple Authors to WordPress Posts

The first thing you need to do is install and actuate the Simple Custom CSS plugin. Upon initiation essentially go to Appearance > Custom CSS and record or glue your custom CSS.

Remember to press the ‘Update Custom CSS‘ button to save your changes.

You would now be able to see your WordPress website to see the custom CSS in real life.

Using a Custom CSS plugin versus Adding CSS in Theme

The two methods portrayed above are suggested for novices. Advanced users can likewise add custom CSS straightforwardly to their subjects.

However, adding custom CSS bits into your parent subject isn’t suggested. Your CSS changes will be lost if you unintentionally update the topic without saving your custom changes.

Also see: How to Uninstall and Reinstall WordPress?

The best approach is to use a youngster subject all things being equal. However, numerous novices would prefer not to make a kid subject. Aside from adding custom CSS, frequently novices truly don’t have the foggiest idea how they will use that kid topic.

Using a custom CSS plugin permits you to store your custom CSS autonomously from your subject. This way you can undoubtedly switch subjects and your custom CSS will in any case be there.

Also see: How to Remove the Sidebar in WordPress

Another incredible method to add custom CSS to your WordPress site is by using the CSS Hero plugin. This great plugin permits you to alter pretty much every CSS style on your WordPress site without composing a solitary line of code.

We trust this article helped add custom CSS to your WordPress site.

Leave a comment

Your email address will not be published.