Thin Strip of space between header and content

Posted on November 16, 2020 by

Viewing 4 posts - 1 through 4 (of 4 total)

Author

Posts
November 16, 2020 at 4:24 pm #31500

Nathan Baggett
Guest

Hello,

I am working on our website at: http://dev.patientpreferences.org

We have a small strip of white space between our header image and our content. What can I do to eliminate that?

November 16, 2020 at 4:26 pm #31504
Jesse Owens
Keymaster
Hi Nathan-

That strip is the padding on top of your entry-content div. You can get rid of that by adding this line to your Custom Theme CSS in your Customize > Advanced > Custom JS & CSS menu:
```
div.entry-content { padding-top: 0px; }
```
November 16, 2020 at 6:12 pm #31508
Nathan Baggett
Guest
Thanks for the quick reply Jesse! That worked! Now what’s going on our this blog post page: https://dev.patientpreferences.org/2020/04/21/wort-interview-when-healthcare-is-a-waiting-game-routine-medical-procedures-during-covid-19/

I currently am using:
```
.boldgrid-css{ background: white; }
.main {padding-top: 22vw; }
```
to get my full header image to display. If I eliminate the .main tag, the extra space before the blog post goes away but then my other pages don’t display properly.
November 16, 2020 at 6:14 pm #31510

Jesse Owens
Keymaster

Hi Nathan-

It looks like you’ll need to switch that padding-top to margin-top if you’re going for the background image.
Author

Posts

Viewing 4 posts - 1 through 4 (of 4 total)

The topic ‘Thin Strip of space between header and content’ is closed to new replies.