Blogger. Template. Fixed.
Sunday, August 6th, 2006
Blogger template questions? Please search and/or post to the official Blogger Help Google Group—you are much more likely to get a response there than by emailing me.
A little over 2 years ago, Blogger relaunched, and featured all-new templates designed by some of your favorite designers. I was lucky enough to be included in that list, and my template set, Thisaway, was well received and has enjoyed some popularity over the last few years. That is, unless you’re an IE user who happened to put italics in a certain parts of your posts.
Woe is IE
IE/Win suffers from a curious bug (gasp!) related to the use of italics in certain situations. The wonderful folks at Position is Everything have documented this as much as possible (or as one would want to), and, as luck would have it, their fix works on Thisaway.
Why now?
I’ve been emailing the fix to people for quite a while now, on a case-by-case basis, and it’s also been posted to the Blogger Google Group, but I finally coordinated with the nice folks at Blogger a few months ago to start incorporating the fix into the live templates, so new users of the template would get the fixed version. Happily, I can now say that as of a few weeks ago, the fix is now live, and seems to test out just as it should.
Fixing existing blogs
What if you’ve been using one of my Thisaway templates for a while? If you want to update your blog to incorporate the fix, you have two options.
Option 1: Start from scratch
If you haven’t made any customizations to the blog template (e.g. adding elements to the sidebar, changing the CSS, adding a custom header image, etc.), you can simply log into your Blogger admin area, select the “Template” tab, then click “Pick new” in the template sub-nav, and select the same Thisaway color scheme you are currently using. Then just republish to update your blog with the fixed version.
Option 2: Apply the fix manually
This isn’t as scary as you might think, though it takes a few more steps than Option 1. After logging into your Blogger admin area, click the “Template” tab, and then focus your attention on the text editing area on that page.
You’re looking for the following CSS in the upper portion of the template code:
.post-body div {
font-size: 13px;
line-height: 18px;
margin: 10px, 0px;
}
Change that to match the following:
.post-body div {
font-size:13px;
line-height:18px;
margin:0;
height:1%;
overflow:visible;
}
The last line of the original is changed, and two additional lines have been added.
Click “Save Template Changes” and then republish to update your blog.
Categories:
