Hide header and footer on a single product

Thanks Rikard but this didn’t work either. Tried these too:-

.postid-5527 #header_main_alternate {
display: none!important;
}
.postid-5527 #header_main {
margin-bottom: 0;
display: none!important;
}

.postid-5527 #header {
display: none !important;
}
.postid-5527 #main {
padding-top: 0px !important;
}

• This reply was modified 7 years, 6 months ago by AnnemarieDoolin.

Hi Sarah,

Thank you for your input (and picking up on the footer info)…. the client has decided to create a page rather than use the product page as the “landing page” so he can avail of the settings to hide header, footer etc. more easily so this request is concluded.

For the purpose of anyone else reading, he only tried to put all the information in the product card (which was effectively becoming a long landing page) because it was the only way he could make use of the product widget that chooses quantity and clicks the button to “add to basket”… so I gave him the code below which he could put into a code block and use on a page or post.

(**Note: Re the code below, the number “5527” is the product id which must be replaced with the product id you are using).

<form class=”cart” method=”post” enctype=”multipart/form-data”>
<div class=”quantity”>
<input class=”minus” value=”-” type=”button”>
<input class=”input-text qty text” step=”1″ min=”1″ max=”” name=”quantity” value=”1″ title=”Stk” size=”4″ pattern=”[0-9]*” inputmode=”numeric” type=”text”>
<input class=”plus” value=”+” type=”button”>
</div>
<button class=”single_add_to_cart_button button alt” type=”submit” name=”add-to-cart” value=”5527″>Tilføj til kurv</button>
</form>