CSS line spacing change on home page

  • Unknown's avatar
    elizabethbauer · Member ·

    I am trying to change the line spacing on my homepage at backroadfamily.com. Can you tell me the CSS code for this?

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

  • Unknown's avatar
    rachelmcr · Member ·

    Hi there,

    Sure thing! The spaces between the lines at the top of your homepage (for example, under the line, “We’re happy you’re here!”) are margins between paragraphs. You can control the size of those margins with CSS, either for your entire site or just on the home page.

    To add custom CSS, go to your My Blogs 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 to make a universal change (across the whole site):

    #content p {
margin-bottom: 12px;
}

    If you only want to change the spacing between paragraphs on the home page there, you can use this CSS:

    .home #content p {
margin-bottom: 12px;
}

    You can also adjust the number of pixels in that code to get the exact spacing you’re looking for.

    If you’d like to make other changes to your theme, we have tips for getting started with CSS here:

    If you have 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 ‘CSS line spacing change on home page’ is closed to new replies.