Modifying your Date-Header

Tuesday, January 09, 2007

Rate This Post
The Date Header is something that appears right above each post.Depending on the template chosen..the date-headers will be dispalyed in a certain font-size-color.
However its possible to give an entirely different look to your date header

  1. SAVE AND BACK UP YOUR TEMPLATE

  2. Locate......
    <Variable name="dateheadercolor" description="Date Header Color" type="color" default="#4F5052">

    This determines the color in which the date header is displayed.You can Give the color of your choice by modifying the default="#4F5052".In order to know the Hexadecimal Value of the color that you would like to use..refer to
    Hexa-decimal Color chart

  3. Locate......
    .date-header {
    margin: 0 0 0 0;
    margin-right: 10px;
    margin-left:10px;
    border-bottom: 1px solid #942d08;
    text-decoration: none;
    font-family: Georgia, "Times New Roman", serif;
    color: #940f04;
    font-size: 11px;
    text-align: right;
    }

  4. Here you may modify the font-family , font-size , color ie..The Color in which you want the date to appear ..eg:-My date header appears in maroon color

  5. Perform the required changes

  6. Save and View

Hope you were able to follow the instructions and arrive at the look you always wanted for your blog.Drop in your comments to let us know how you feel after making these changes.And..dont forget to backlink to this post so that you may guide a fellow blogger who would like to have the same changes made.