Removing Header & Footer on Five Template in 7.0

Site URL: https://www.brownellrealestate.com/tour-1723418

I need to remove headers and footers off specific pages of my site. A page like this for example: https://www.brownellrealestate.com/tour-1723418

The code I used to use doesn't work since I've changed templates to Five. Any help would be appreciated. 

Melissa

11 hours ago, Melissa_B said:

Site URL: https://www.brownellrealestate.com/tour-1723418

I need to remove headers and footers off specific pages of my site. A page like this for example: https://www.brownellrealestate.com/tour-1723418

The code I used to use doesn't work since I've changed templates to Five. Any help would be appreciated. 

 

Melissa

Add to Design > Custom CSS

/* tour 1723418 */
body#collection-601c62196c08b365fc8f0aaf {
div#page-header {
    display: none;
}
div#page-footer-wrapper {
    display: none !important;
}}

Thank you. That works. I actually need to be able to remove the header and footer from a few pages, but single pages at a time. Is it possible to do that for a handful of pages?

On 5/7/2021 at 11:28 PM, Melissa_B said:

Thank you. That works. I actually need to be able to remove the header and footer from a few pages, but single pages at a time. Is it possible to do that for a handful of pages?

Add this to that Page Header

<style>
  div#page-header {
    display: none;
}
div#page-footer-wrapper {
    display: none !important;
}
</style>

That worked! Thank you so much for your help!

Thank you from me as well!