- AuthorPosts
- November 16, 2020 at 4:24 pm #31500Nathan BaggettGuest
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 #31504Jesse OwensKeymasterHi 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 #31508Nathan BaggettGuestThanks 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 #31510Jesse OwensKeymasterHi Nathan-
It looks like you’ll need to switch that padding-top to margin-top if you’re going for the background image.
- AuthorPosts
- The topic ‘Thin Strip of space between header and content’ is closed to new replies.