You might want to change some things in your WordPress Theme, customize it according to your needs.
Adding Custom Css in WordPress is one of the choices for doing so, since adding too many plugins can slow down your site.
There are 2 ways in which you can add custom CSS in WordPress. Let’s have a look at them?
2 Easy ways to add custom CSS in your WordPress Site
1. Using the theme customizer
You wouldn’t believe how easy this is.
Go to your WordPress admin dashboard > appearance > customize.
You will be redirected to the theme customizer window. On the left, you can see different items on your site whose attributes you can change.
For example, headings, fonts, colors, featured images, etc. Scroll down and in the end, you’ll see additional CSS, click on it.
Here you can add your custom CSS and see the live preview of the changes with it. Live preview works for any changes you make on your site in the theme customizer window.
When you’ve added the code, save and publish to apply the changes to your live site.
Quick note: One con of this method is that the additional CSS is only saved with a particular theme that you’re using currently. Add the code in the child theme, not the parent theme.
If you change your theme in the future, you have copy-paste the CSS in the new theme’s additional CSS option.
I would recommend saving the code on your system in a document for safe-keeping.
The second method works irrespective of the theme you’re using.
2. Use a Plugin
Install and activate the Simple Custom CSS plugin.
After activating the plugin go to Appearance > Custom CSS. Write down your code here and click on Update Custom CSS to save and apply your custom CSS in WordPress.
Which method should you choose? Adding custom CSS using theme customizer or a plugin
Beginners might not be familiar with a child theme. Using the Simple Custom CSS plugin lets you apply the custom CSS code to your WordPress site more freely.
You can switch between WordPress themes without worrying.
Recommendations of places from where you can learn CSS:
- Free code camp
Let’s connect on Facebook, Twitter, and Instagram
Subscribe to never miss a post!