Reduce white space between body text and widgets

  • Author
    Posts
  • #3273062

    saimma
    Member

    Hi there,

    Please can anyone advise on how I can reduce the white space between my main body text and the widgets on my homepage?

    See https://sweetladypress.com/

    Thanks!

    The blog I need help with is sweetladypress.com.

    #3273234

    elizazh
    Member

    Hi @saimma,

    Which widgets are you referring to? I see the title, then 3 books listed and then the social icons and the newsletter.

    Cheers

    #3273327

    saimma
    Member

    Hi @elizazh,

    I have a static home page, the welcome text is on the page. Then the three books are in widgets. I mean the space between the text and the widgets, I would like to reduce this slightly – all around the text actually.

    And also reduce the white space around the logo…

    Thanks!

    #3273329

    elizazh
    Member

    This code will reduce the space above the welcome text:

    .front-page-content-area .without-featured-image {
        padding: 0 55px 0;
    }

    This code will reduce the space below the welcome text:

    .entry-content {
        margin: 0;
    }

    To reduce the space above and below the logo:

    .site-branding {
        padding: 1em;
    }

    Let me know if that works for you.

    #3273330

    saimma
    Member

    Perfect, thank you so much!

    :)

    #3273331

    elizazh
    Member

    You are very welcome :)

The topic ‘Reduce white space between body text and widgets’ is closed to new replies.