Penscratch: Increase line spacing

• 

  solidgoldcreativity · Member · Nov 15, 2014 at 1:37 am

  • Copy link
  • Add topic to favorites

  I would like to increase the line spacing using Penscratch. How do I do this? I have the CSS upgrade.

  Thank you.

  Solid gold creativity
  http://www.solidgoldcreativity.com

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

• 

  designsimply · Member · Nov 15, 2014 at 11:24 am

  • Copy link

  You can use the “line-height” property in CSS to do that. Here is an example:

  .entry-content {
  	line-height: 3em;
  }

  I picked 3em because it’s really large and you will be able to see the change easily. You can reduce that number to 1em or 1.2em, whatever looks best to you. It was set to 1.7em in the theme by default.

  The “.entry-content” part means that the change will be applied to content areas only. You can get more granular if you want too. For example, to only change the line height for paragraphs in the content area, you can do this:

  .entry-content p {
  	line-height: 3em;
  }

  You might also like:
  http://en.support.wordpress.com/custom-design/how-to-find-your-themes-css/

• 

  solidgoldcreativity · Member · Nov 15, 2014 at 11:56 pm

  • Copy link

  Thanks, Sheri. Very thorough. Best wishes, Narelle.

• 

  designsimply · Member · Nov 18, 2014 at 4:10 am

  • Copy link

  You’re welcome. :)