(Squarespace) How to remove Header/Footer on Individual Event Page

[tuanphan]

To remove Header/Footer on Individual Event Page, you can use code like this to Custom CSS box.

body[class*="type-events"].view-item {
    header {
        display: none !important;
    }
    footer.sections {
        display: none !important;
    }
}