How To Style Sub Headings In Blogger Using CSS

You must have noticed the style of sub topics in my post, it is usually surrounded by colour full dotted lines. This gives your post more professional look or makes it easy for you readers to navigate through certain topic in your post. In this tutorial i will teach you to add css code to style subheadings in blogger blog posts.


How To Add CSS Style Sub Headings ?


1. Go to Blogger > Template  > Edit HTML
2. Now search for ]]>

3. Paste the following code above ]]>

.post h3{color:#666;border-top:1px dotted #666;border-bottom:1px dotted #666;font-size: 18px;padding-top:2px;padding-bottom:2px;}

4. Save the template and you are done.


How To Use This CSS Style Headings In Blog Post ?


1. Open a new blog post and type your sub heading

2. Now select Sub Heading from drop down by clicking on the icon as shown below.

If you've any question, problem, suggestion and feedback than please comment below.

Have a nice day!