0 How to Styling the blog date header

A reader asked: " I really want to make a different date header!"

Well this can be done via editing the CSS (Cascading Style Sheet) in the template. Note that before making changes to the template best to first backup the blog template (Dashboard > Design (previously called LAYOUT) > Edit HTML >Download Full Template).

Now in the template editor, look for h2.date-header (use ctrl+F) which may be like the following:

h2.date-header {
margin:1.5em 0 .5em;
}

You can ten add in specifications for fonts and colors, example:

h2.date-header {
margin:1.5em 0 .5em;
font-family:"Times New Roman", Times, serif;
font-style:italic;
font-size:125%
color:red;
}

or whatever you wish. For more details, refer to W3schools: CSS Fonmt

0 comments:

Post a Comment

 

Get Everthing Copyright © 2011 - |- Template created by O Pregador - |- Powered by Blogger Templates