change line spacing to 0.5

• 

  animaldiscourse · Member · Mar 13, 2014 at 8:33 am

  • Copy link
  • Add topic to favorites

  I want to change the line spacing to 0.5. Is this what I have to paste in the CSS Stylesheet editor (under */, i.e. row 15)?:

  p{line-height:??px}

  Many thanks in advance!

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

• 

  hfzrhmn · Member · Mar 13, 2014 at 9:59 am

  • Copy link

  Hi, instead of px you can use percentage for example:

  p {
      line-height: 150%;
  }

  I’m not quite sure where’d you get the 0.5 number from, and what’s the equivalent to the percentage. But you can play around with the number to get the best result.

  Px can also work:

  p {
      line-height: 12px;
  }

  But generally percentage is better than a fixed number, because it scales with the font size. (If the font size is 10px, then the line spacing is 10*150% = 15px, for example).

• 

  animaldiscourse · Member · Mar 13, 2014 at 10:14 am

  • Copy link

  Thanks a lot. I have tried and it doesn’t seem to work but I suspect I am doing something wrong. I have tried pasting it as you indicate in your emssage and pasting it as:

  p {line-height: 150%;}

  It doesn’t change anything and I’ve also realised that the main thing I need to reduce is spacing between paragraphs (white space is automatically introduced) as spacing between lines within paragraphs is OK.

  Sorry to bother you again.

  All best

• 

  hfzrhmn · Member · Mar 13, 2014 at 10:24 am

  • Copy link

  For margin between paragraphs, you can use this instead:

  .entry-content p {
      margin-bottom: 5px;
  }

  You can play around with the 5px number to add/reduce the spacing between paragraphs.

• 

  animaldiscourse · Member · Mar 20, 2014 at 10:55 am

  • Copy link

  Perfect! Many thanks.

• 

  hfzrhmn · Member · Mar 20, 2014 at 11:14 am

  • Copy link

  You’re welcome!