Hide Header & Footer on Certain Page(s)

Hey @rolldantide,

thanks for choosing Bento!
You can use this custom CSS:

.page-id-XX .site-header, .page-id-XX .site-footer { display: none; }

where XX is the ID of the page in question.

Thank you, worked like a charm! I had one more inquiry…if I wanted to edit the background color for that particular page, what’s the best way to do this using CSS?

• This reply was modified 6 years, 9 months ago by RollDanTide.

Hi satori, bumping in case you didn’t see my follow-up question.

Thank you

Sorry, really missed it ??
You can try using this –
.post-id-XX .site-content { background-color: #ffffff; }

where XX is the ID of the page/post in question (more info on how to find it out – here).

Thank you!