Reduce white space between body text and widgets

saimma · Member · Feb 24, 2019 at 7:41 pm
Copy link

Add topic to favorites
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: (visible only to logged in users)
elizazh · Member · Feb 25, 2019 at 8:24 am
Copy link
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
saimma · Member · Feb 25, 2019 at 11:50 am
Copy link
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!
elizazh · Member · Feb 25, 2019 at 12:01 pm
Copy link
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.
saimma · Member · Feb 25, 2019 at 12:05 pm
Copy link
Perfect, thank you so much!

:)
elizazh · Member · Feb 25, 2019 at 12:07 pm
Copy link
You are very welcome :)

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

WordPress.com forums