Skip to main content

Spacing Changes In Layouts Templates #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?

Now, let's throw in a quote.


In the past, and looking at my example shown in Spacing Changes In Layouts Templates, you'd start seeing the problem here. My immediately previous article Spacing Changes In Layouts Templates #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 - see the quoted sections above?. Not as easy to spot, as they used to be, when they used 1.0em spacing.

Let Blogger know that this needs to be fixed properly.

Comments

Alexis said…
Fabulous!! Thank you!!!
Gage said…
thank you SO much. this was so frustrating.
kate said…
Woot! Thanks! I was going a little nuts for a while there trying to figure out what I was doing wrong, and you've given me a quick and easy fix.
laura & tim said…
Awesome! Thank you.
Lyn said…
Worked fine for me, thanks.

But (probably a naive question) why isn't this part of the default, instead of having us all search around for a fix and then go in & fiddle with it?
Chuck said…
Lyn,

Not naive at all. I have half a dozen open issues, that I keep bringing up with Blogger, and occasionally one gets fixed. I think they just have other priorities.

Thanks for the feedback. YOu can always use the Blogger Wishlist too.
Nancy Walters said…
Well, you've saved my life for the second time! Thanks so much for your help. I sometimes wonder why I even use Blogger--it's so damn frustrating because of so many bugs.
Hafiz said…
thanks for this! when i had the problem, i fiddled around with the post's html a lot but i never realized it was due to the blockquote. :p
The Hairy Swede said…
genius. thanks. why hasnt this been taken care of by blogger?
Michele said…
For some reason just tonight, out of the blue, my entire blog (over a years worth of posts) switched to a squished up single spacing. I didn't make any global changes, so I don't know how it happened. But my research finally led me to this post and I made the one simple change you mentioned and the whole problem is fixed. I was afraid I was going to have to go into every single post and do a "p" tag which was fixing them one at a time. Thank you, Thank you, Thank you!

...do you happen to know how or why this happened to me in the first place?
Thank you soooooo much!!!
Sheldon said…
You saved my blog!!!!!thanks!!!!

http://dash40.blogspot.com

Popular posts from this blog

Stats Components Are Significant, In Their Own Context

One popular Stats related accessory, which displays pageview information to the public, is the "Popular Posts" gadget.

Popular Posts identifies from 1 to 10 of the most popular posts in the blog, by comparing Stats pageview counts. Optional parts of the display of each post are a snippet of text, and an ever popular thumbnail photo.

Like many Stats features, blog owners have found imaginative uses for "Popular Posts" - and overlook the limitations of the gadget. Both the dynamic nature of Stats, and the timing of the various pageview count recalculations, create confusion, when Popular Posts is examined.

Free Domain Registration By "UNONIC" Is Fraudulent

Blogger blog owners, like everybody else, like to save money.

Some blog owners prefer to save money when registering a custom domain, for their blogs. We've seen several free domain registration services, providing what is claimed to be a two level Top Level Domain "co.xx" (where "xx" == various country codes).

The latest in this ongoing story appears to be "net.tf" - and 13 other "top level domains".There is also an additional free service offering third-level .tf domains, under the name United Names Organisation. They occupy 14 second-level domains, including .eu.tf, .us.tf, .net.tf, and .edu.tf. They are run by the same company as smartdots.com, and are given away as URL redirections.