Adjust line spacing in blog posts

  • marsteller31

    (@marsteller31)


    10 years, 9 months ago

    Hi,

    I had a custom site built for me awhile ago and I’m trying to figure out how to change the line spacing in my blog posts. I did some searches and most of the feedback says to look for a line spacing item in the stylesheet, but I can’t find it on mine.

    Is there any kind of code I can insert in the stylesheet that will help me change the line spacing?

    Here’s an example of a post. I just want to make the space between lines shorter:

    http://www.mikemarsteller.com/a-quick-thought-on-we-greatness-2/

    Thanks in advance!

    Mike

Viewing 5 replies - 1 through 5 (of 5 total)
  • mzandstra

    (@mzandstra)

    10 years, 9 months ago

    Here’s the stylesheet you need to edit:

    http://www.mikemarsteller.com/wp-content/themes/mike/css/innerstyle.css

    Go to line 53 and change line-height to something a little smaller.

    Thread Starter marsteller31

    (@marsteller31)

    10 years, 9 months ago

    Hi mzandstra,

    Thanks for the reply!

    I went to that line, which I believe is this?:

    img{ border:none; outline:none; line-height:1px; font-size:1px; }

    I changed the line-height to something smaller like .5, but nothing changed.

    The line below that one is:

    body { width: 100%; height: auto; margin: 0; padding: 0; font:14px/24px Arial,Helvetica,sans-serif; color:#333; background:#ededed; position:relative;}

    The height here is on auto – do I change that?

    Thanks again!

    mzandstra

    (@mzandstra)

    10 years, 9 months ago

    Sorry for the vague answer. You’re looking for this line:

    body { width: 100%; height: auto; margin: 0; padding: 0; font:14px/24px Arial,Helvetica,sans-serif; color:#333; background:#ededed; position:relative;}

    The 24px indicates the line height. Try 20px maybe.

    Thread Starter marsteller31

    (@marsteller31)

    10 years, 9 months ago

    Hmmm, just tried changing it to a smaller number and it didn’t change the line height. Any other suggestions that may work?

    mzandstra

    (@mzandstra)

    10 years, 9 months ago

    Try adding this in at the end of the stylesheet:

    .inner-content-main p { line-height:16px; }

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Adjust line spacing in blog posts’ is closed to new replies.