Friday, January 7, 2011

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;
}

No comments:

Post a Comment