How do you make the line spaces smaller between each line?

  • Unknown's avatar
    hannahmac1 · Member ·

    When i’m typing blogs into a new post page everything looks neat and pretty normal but when the blog gets published the lines are always too far apart for my liking ad it looks really messy and big and spread out meaning you have to scroll so far down the page in order to read what I’m writing. I’ve tried using the fonts and playing around in the editor but it’s not making any difference. It’s the same when I press enter to start a new paragraph – the next line feels a mile away and looks messy and disjointed.
    Please help!
    Thanks in advance :)

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

  • Unknown's avatar
    rachelmcr · Member ·

    Hi Hannah,

    You can change the line spacing in your theme with CSS. To add custom CSS, go to your My Sites page and click the Customize link under the blog’s title. In the Customizer, open the CSS section and in the CSS editor there, you can enter the following CSS:

    p {
margin-bottom: 1em;
line-height: 1.3em;
}

    The first piece of CSS (margin-bottom) controls the space below each paragraph, and the second piece (line-height) controls the space between each line of text within the paragraph. You can change those numbers to get the spacing you’d like.

    If you’d like to learn more about how to customize your theme, we have tips for getting started with CSS here:

    And if you have other CSS questions, most of our CSS support is done in the CSS Customization forum by expert staff and volunteers:

    https://en.forums.wordpress.com/forum/css-customization

    Please let me know if you have any questions about that. :)

  • The topic ‘How do you make the line spaces smaller between each line?’ is closed to new replies.