Ads 468x60px

Pages

Thursday, August 9, 2007

Change font size of blog Header

There was a request for changing the font size to 615px. I tested that at Testing team member removal. The result wasn't pretty. I am putting a screenshot of part of the page below as obviously, I don't want the blog to remain that way and may change it anytime to its original state:

Chnange font size of Blogger blog header

Note that you can't see the whole page and there is a horizontal scroll bar at the bottom when previously, there were none.

This is the way I did it. The first thing you should do before editing or changing template is to backup the template PLUS Page Elements. Refer to Backup and edit New Blogger template and Page Elements and Backup and change New Blogger template PLUS backup Page Elements.

This is the way I did it. I opened the template editor as explained in the above 2 posts and looked for this block of code:

#header h1 {
margin:5px 5px 0;
padding:15px 20px .25em;
line-height:1.2em;
text-transform:uppercase;
letter-spacing:.2em;
font: $pagetitlefont;
}

I added font-size: 615px; to anywhere to the line of codes, for example, at the bottom as shown below:

#header h1 {
margin:5px 5px 0;
padding:15px 20px .25em;
line-height:1.2em;
text-transform:uppercase;
letter-spacing:.2em;
font: $pagetitlefont;
font-size: 615px;
}

Of course, if 615px is too large a font size for you, but you still want to change font size, you can still do it as described above, but give a different (smaller) value to the font size.

BTW, I reread the commentator's question and it appear that what she wants may be to change the graphic image width. If that is so, I may do a new post.

0 comments:

Post a Comment