Remove header and footer in a specific page

Hello all,
i’d like to create a page without any header or footer, to be used like an opt-in page.
Is that possible without using a third party plugin (as shown in the following example)?

Something like this, just to be clear:


Hello Armando,

Do you want to hide header and footer on the page that you mentioned above?

Kind Regards, Roman.

Yes but it is an example, i’d like to know if there is a css custom to add with which i can hide header and footer if i need it


Hello Armando,

You can try to use the following CSS code in order to hide (not remove) header and footer on that page. You can add CSS code in Customize → Additional CSS section.

.page-id-24 #masthead,
.page-id-24 .footer-wrapper {
    display: none;

You can target another page by changing page ID in the code above. You can check this link if you would like to learn more about finding page ID. Please feel free to ask any other questions that you might have.

Kind Regards, Roman.

It works. Thank you Roman !!!

Great! You are welcome Armando :slight_smile:

Kind Regards, Roman.

1 Like