0
Answered

How to adjust space at top of page body?

aev_productions 6 days ago updated by Jesse Owens (Community Manager) 3 days ago 3

For some reason there is a very large space above the page body. When working in the BoldGrid editor I set the spacing to 0px but in the live site it displays differently. Where is this huge space coming from?

Answer

Answer
Opened

Hello,

Thanks for the great question. That spacing is actually baked into the theme itself.

There are two separate styles that control the spacing at the top of your entry content. In order to reduce these, navigate to your Customize > Advanced > Custom JS & CSS menu, and paste the following snippet into your Custom Theme CSS:

.entry-content { padding-top: 0px !important; }

That will reduce the space from 6.5em to 1.5em. If you want to eliminate all of the space, use this CSS:

.entry-content { 
    padding-top: 0px !important; 
    margin-top: 0px !important;
}

I hope this helps!

GOOD, I'M SATISFIED
Satisfaction mark by aev_productions 3 days ago
+1

Thank you! This fixed my problem.

Answer
Opened

Hello,

Thanks for the great question. That spacing is actually baked into the theme itself.

There are two separate styles that control the spacing at the top of your entry content. In order to reduce these, navigate to your Customize > Advanced > Custom JS & CSS menu, and paste the following snippet into your Custom Theme CSS:

.entry-content { padding-top: 0px !important; }

That will reduce the space from 6.5em to 1.5em. If you want to eliminate all of the space, use this CSS:

.entry-content { 
    padding-top: 0px !important; 
    margin-top: 0px !important;
}

I hope this helps!