Line spacing variable after adding background color: Grid Focus

en WordPress.com Forums Line spacing variable after adding background color: Grid Focus

• 

  solidgoldcreativity · Member · Sep 15, 2011 at 7:19 am

  • Copy link
  • Add topic to favorites

  Hello,

  I wanted to add a background color to my post which I did. However, the line spacing of the text in the post is now slightly screwed up. In the first paragraph the line spacing is too tight; in the later paragraphs, it’s how I want.

  I’m missing something.

  Your help much appreciated. Thank you. The post is here: http://solidgoldcreativity.com/2011/09/15/perfect-little-bon-bons/

  Cheers,
  Solid gold creativity (http://www.solidgoldcreativity.com)

  The blog I need help with is: (visible only to logged in users)

• 

  thesacredpath · Member · Sep 15, 2011 at 9:15 am

  • Copy link

  In your opening div in the post, you have not declared units for your line-height. This is what you have.

  <div style="line-height:1.4;background-color:#eedc82;padding:12px;">

  You need to use units with inline CSS in most cases such as below.

  <div style="line-height:1.4em;background-color:#eedc82;padding:12px;">

• 

  solidgoldcreativity · Member · Sep 15, 2011 at 11:59 am

  • Copy link

  Hi @TSP,

  I added the em units to the declaration, but no change.

  Thank you,

  SGC

• 

  thesacredpath · Member · Sep 15, 2011 at 12:06 pm

  • Copy link

  OK, the text beside the image is tighter in Safari, but not in Firefox. In Firefox it is all the same.

  The issue is the first couple paragraphs are not “paragraphs”. Select the first two paragraphs and from the “format” pulldown in the editor at the left end of the lower row of toolbars and select “paragraph.”

• 

  solidgoldcreativity · Member · Sep 15, 2011 at 11:39 pm

  • Copy link

  Yeh, I’ve tried to re-format several times with no success. The div style statement is interfering with it so I’ve ended up taking it out.

  Thanks for your help as always, TSP.

  Cheers,
  SGC

• 

  designsimply · Member · Sep 16, 2011 at 4:53 pm

  • Copy link

  Totally a side note, but I love the writing in that post. :)

• 

  solidgoldcreativity · Member · Sep 17, 2011 at 2:43 am

  • Copy link

  Thanks, Sheri :)

• 

  designsimply · Member · Sep 18, 2011 at 10:01 pm

  • Copy link

  Cheers!

• The topic ‘Line spacing variable after adding background color: Grid Focus’ is closed to new replies.