CSS Code to Make A Stylish Headings in WordPress

by

If you are looking for CSS code to make a stylish headings in WordPress, then you are in the right place. In this article, I will provide you beautiful CSS code. This is for those who want to make their blog look stylish. Well, I don’t recommend you use it on your homepage. It will work perfectly in a blog post. You can easily style your headings like H1, H2, H3, and H4 with a single code.

Benefits of Using Stylish Headings

There are many benefits of using stylish headings. Transforming your default headings into a beautiful design is one of them. Not only that, making your headings stylish will undoubtedly highlight the heading’s content. Due to this, your blog visitors can easily point out the major details without any hassle.

Read: How to remove network admin in WordPress

CSS Code to Make Stylish Headings in WordPress

CSS Code to Make A Stylish Headings in WordPress

Let’s move ahead. Before you use this code, be sure which heading you want to style, like H1, H2, and so on. I have seen many blogs using H3. It’s all up to you. You can also choose multiple headings. The CSS code to make stylish headings in WordPress is given below. Also, read: CSS code to make sticky header in WordPress.

h3 {
background: rgb(211, 211, 211);
border-left: 10px solid rgb(210, 43, 43);
color: black; cursor: cabin;
font-size: 18px;
font-weight: 100;
line-height: 1.7em;
padding: 10px;
text-align: center;
user-select: none;
}

You can edit the color of the text and background with your own. Not only that, you can also change the font size. It also has an option to change your border color. Besides that, you can find other options like line height, font weight, padding, and text-align.

How to Upload CSS Code in WordPress

There are two ways to upload CSS code in WordPress: with or without a plugin. Let me explain.

Without Plugin

This is for those who don’t like using plugins. To upload CSS code in a WordPress blog, follow the steps below:

  1. Log in to your blog.
  2. Go to Appearance.
  3. Click on Customize. There you will see many theme settings.
  4. Scroll to the bottom where you will find the Additional CSS option. Click on it.
  5. Paste all the CSS code in the box and hit save.

With Plugin

You can also upload CSS code in a WordPress blog with a plugin. This method can be useful if your Additional CSS is already occupied. There are many plugins online, but I prefer the Simple CSS and JavaScript plugin. With this plugin, you can add numerous CSS and JavaScript codes.

  1. Install the plugin.
  2. Create a new CSS page.
  3. Paste all the CSS code there.

It’s a simple process. You can easily complete the whole process within a minute.

Final Thoughts (CSS Stylish Headings In WordPress)

In conclusion, you don’t have to be an expert to make stylish headings. WordPress is full of many features. With that, you can utilize its features without any cost.

That’s all for today. If you need any help related to the article, then hit me up. You can use the contact page to reach me. I will try my best to help you as soon as possible. Till then, have a good day. Happy blogging!

Leave a Comment