Wednesday, April 1, 2020

5 ways to edit CSS style in WordPress

If you don’t know much about CSS but want to start with WordPress, you may be intimidated a bit when you must edit or add elements to your page using code.

Anyway, one of the advantages of WordPress is that it greatly facilitates the work in that regard and provides three ways to edit CSS. Let’s know them!

From the WordPress editor

From version 4.7 WordPress began to integrate the editing from the panel. You can access with 3 simple steps:

  1. Appearance
  2. Personalize
  3. Additional CSS

And so you will have access to the CSS editing panel that is quite complete. From there you can write easily and quickly, with functions such as a write error detector, text autocompleter and code highlighting so you can notice the classes and values.

Through plugins

The use of plugins remains in force even though it was more common before WordPress enabled editing from its own panel.

The most popular plugins are:

Creating a child theme

The third way to edit CSS styles is through the style.css file of our theme. This method is not the most recommended because it requires attention to the updates of the theme, since the CSS you have added will be lost every time you receive an update.

To avoid any oversight, children or child themes are created.

Learn here how to create a child theme the right way

It is a like a copy of the theme you are using, with the same functionalities as the original theme, on which we can make modifications and add elements without the risk of damaging the original theme.

Using this mode will make the changes you make remain despite the updates of the parent theme.

Bonus: How to edit CSS style for a specific blog entry?

Easy: Add this code in the function.php.

A second option is through the Wp Add Custom CSS plugin, you can find it here.

That is all for today! We wait for you in the next post.
Jefferson Maldonado
the authorJefferson Maldonado
UX WordPress Designer
Ux & Web Designer. Portafolio: Divi Blogger, WordPress Expert, UX Designer, Business Consultant.

Leave a Reply