You can easily style headings you use for your blog posts, pages and everywhere else in your WordPress site simply by editing your theme’s style.css file. Style.css file is located in the directory of theme you are using. You can easily edit it from your admin area Dashboard -> Appearance -> Editor Page in single WordPress installations and Network Admin Dashboard -> Themes -> Editor Page in WordPress Multisite Networks.
Follow the given steps:
- Open your theme editor from Dashboard -> Appearance -> Editor page
- Now select theme activated in your site using dropdown select box
- Click Style.CSS from right file bar to open it for editing
- Here yiu can edit styles of all heading H1, H2, H3. The file has CSS (same as shown below) for all heading which you can edit by giving your own color code, border, line height, padding etc:
h3 {
border-bottom: 2px solid rgb(225, 112, 75);
font-size: 1.5em;
font-weight: bold;
line-height: 1.375em;
margin: 10px 0px;
padding: 5px 0px;
display: block;
}
After making customization, save your file and now you can use all these new style by default, you simply need to select the heading from WordPress visual editor present in WordPress Add New and Edit Post pages.