Moving the 'Blog Title & Description' Location

This guide is meant to be used with the Ourblogtemplates.com designs.

You may see that you have to move the location of your Blog Title & Description (BTD), relative to the header borders or image. For example, if you're using a header image smaller that what was designed for the template and the BTD doesn't appear because it's way down at the bottom of the header border, you then have to move the BTD up. To do this, search for this code:

#header h1 {
display: block;
margin: 0px 0px 0px 0px;
padding: 130px 30px 0px 20px;
color: $blogTitleColor;
font: $blogTitleFont;
text-align: left;
}


To move the BTD up or down, change the number in red accordingly. The smaller the number, the higher the BTD location is on the header, relative to its borders and/or header image.

This is just a basic instruction to play around with the BTD location. If you're more familiar with CSS, than this obviously is just a piece of cake :)

1 comments:

kokorika June 25, 2008 12:54 AM  

Thank you for your useful tips! Could you tell me if it's possible to move header description right or left of the image?

About This Blog

We provide excellent and highly customizable blogger templates suitable for commercial and personal bloggers. There are 100+ templates available for free on this blog. We also provide tutorials for bloggers who want to design or customize their own templates. You can also find lots of extremely valuable articles on 'monetizing blogs' that have been summarized from longer articles by popular bloggers.