Skip to Main Content

How to Add a Custom CSS Code to Your WordPress Blog

Divi: the easiest WordPress theme to use

Divi: The best WordPress theme of all time!

With over 901.000 downloads, Divi is the most popular WordPress theme in the world. It is complete, easy to use and comes with more than 62 free templates. [Recommended]

Sometimes you may need to add custom CSS code to your WordPress blog. If using an FTP client seems a little more complex, then there is a much easier way to add CSS code to your blog.

In this tutorial, I will show you how to add custom CSS code to your WordPress blog, without modifying a file of your theme.

custom-code plug

The first thing to do is to install and activate the extension “Simple Custom CSS“, Which you can download for free at WordPress.org. After activation, all you have to do is navigate to the location “Appearence> Custom CSS”And write your custom CSS code.

Easily create your website with Elementor

Elementor allows you to easily create any website design with a professional look. Stop paying expensive for what you can do yourself. [Free]

single-custom-css-interface

Don't forget to save your settings. You can now see your website in action.

Use Custom CSS VS Custom CSS Code Added to Theme

Adding CSS code to a parent theme is not recommended, because indeed when the theme is updated, all changes made will be lost.

The best approach is to use a child theme instead. However, many beginners do not know or do not wish to create a child theme. Other than adding CSS, they don't know how they will use this child theme.

Using a plugin to add custom CSS code allows you to save your CSS settings independently (theme). That way, if you change the theme, your CSS changes will still apply.

Another way would be to use the plugin CSS Herowhich is a paid plugin for WordPress. This plugin allows you to edit almost anything on your CSS blog without having to touch a single line of code.

css-hero

That's all there is to know about adding custom CSS code to your WordPress blog. Please feel free to share this tutorial with your friends.

This article features 0 comments

Leave a comment

Your email address will not be published. Required fields are marked with *

This site uses Akismet to reduce unwanted. Learn more about how your comments data is used.

Back To Top
10 shares
Share6
tweet2
Save2