Spacing Changes In Blogger Beta - 3

A new post starts out with wide vertical spacing. Look at what we have here, from line to line. Nice and wide vertical spacing. Clean and easy to read. The perfect look for a blog, right?

(Note): This post has been migrated to (and improved in) The Real Blogger Status: Spacing Changes In Layouts Templates #3.

Now, let's throw in a quote.

In the past, and looking at my example shown in Spacing Changes In Blogger Beta, you'd start seeing the problem here. My immediately previous article Spacing Changes In Blogger Beta - 2 suggested an obnoxiously tedious workaround to this problem, which involved surrounding each indent element, such as

<blockquote> ... </blockquote>

with an extra span set to give

<span style="line-height: 1.2;"><blockquote> ... </blockquote></span>

This was fine - it made my blog posts look neat and tidy again - but it had its drawback. It was a major pain in the ass to use - any of my blog posts, of any length, would include 2, 3, or more formatting elements, which I would have to surround each one.

So today, whilst browsing Blogger Help Group: Something Is Broken, I come across Blockquote problem w/ Minima template, with a better workaround.

Go to the Template | Edit HTML tab. In the CSS (top) section of your template code, find the post section. In this section, under the ".post p" heading, find the line that says: line-height:1.6em. Move this line to the ".post" section.

So, let's see what we have in my template.

.post {
margin:.5em 0 1.5em;
border-bottom:1px dotted $bordercolor;
padding-bottom:1.5em;
}

...

.post p {
margin:0 0 .75em;
line-height:1.6em;
}

and change it to

.post {
margin:.5em 0 1.5em;
border-bottom:1px dotted $bordercolor;
padding-bottom:1.5em;
line-height:1.6em;
}

...

.post p {
margin:0 0 .75em;
}

Move the one line of code, in red. Save, and View Blog.

Simple, but still a workaround.

• It's one change / template setup in the blog (remember if you change templates, you'll have to repeat this one change). Not one change / page element in each post, for eternity.
• When installed, you lose spacing differences in indented elements (<blockquote>, <ol>, <ul>).

The blog is neater now, but it's not as readable. Let Blogger know that this needs to be fixed properly.