CSS disable header on one page

Site URL: https://www.pianoharbour.com.au/aps

Hi!

Can someone help disabling the header altogether on:?
https://www.pianoharbour.com.au/aps

Also it would be great to know how to align #block-yui_3_17_2_1_1633773203261_4862 & #block-6161676b2bdbd16f2f269090 through the middle, horizontally, someone out there?

Cheers

I used the following code on my site.  I'm on 7.1

Hide the Header: -

<style>
  #header {
  display: none!important;}
</style>

Hide the Footer: -

<style>
 #footer-sections {
  display: none!important;}
</style>

Hide the Header & Footer: -

<style>
  #header, #footer-sections {
  display: none!important;}
</style>

21 hours ago, matthewevas said:

I used the following code on my site.  I'm on 7.1

Hide the Header: -

<style>
  #header {
  display: none!important;}
</style>

Hide the Footer: -

<style>
 #footer-sections {
  display: none!important;}
</style>

Hide the Header & Footer: -

<style>
  #header, #footer-sections {
  display: none!important;}
</style>

Worked brilliant on the collection and categories, does anyone know how to remove header and footer for all items in THIS collection ONLY? and how to add a block up the top of each item for this collection only?

i.e. have items pages look like that https://www.pianoharbour.com.au/aps

on the products of this store only, unlike this https://www.pianoharbour.com.au/aps/p/tuning-hammer

P/W pianosupply

On 10/10/2021 at 4:42 PM, Tone said:

Worked brilliant on the collection and categories, does anyone know how to remove header and footer for all items in THIS collection ONLY? and how to add a block up the top of each item for this collection only?

i.e. have items pages look like that https://www.pianoharbour.com.au/aps

on the products of this store only, unlike this https://www.pianoharbour.com.au/aps/p/tuning-hammer

P/W pianosupply

Remove header/footer on these individual products?

https://www.pianoharbour.com.au/aps/p/tuning-hammer

Add to Design > Custom CSS

body#item-6052011285c87105abc90133 {
	header#header, footer.sections {
		display: none !important;
}
}

You want to add text or image or... on top of page?

On 10/13/2021 at 6:19 PM, tuanphan said:

Remove header/footer on these individual products?

https://www.pianoharbour.com.au/aps/p/tuning-hammer

Add to Design > Custom CSS

body#item-6052011285c87105abc90133 {
	header#header, footer.sections {
		display: none !important;
}
}

You want to add text or image or... on top of page?

Awesome Tuanphan, yes I would want to add a logo up the top or a banner, something like www.pianoharbour.com.au/aps, but I would also need to trim off some of the lost space top and bottom of the image

On 10/21/2021 at 5:06 PM, Tone said:

Awesome Tuanphan, yes I would want to add a logo up the top or a banner, something like www.pianoharbour.com.au/aps, but I would also need to trim off some of the lost space top and bottom of the image

Add to Design > Custom CSS

body.collection-type-products.view-item #page:before {
    display: block;
    background-image: url(https://images.squarespace-cdn.com/content/v1/5f65dc47656e184136f5ad01/1633773457565-AYVJPO9F5F62GS5OL8MP/logo_Australia_Piano_Supply_Vector_Black_and_Color_1k.png?format=300w);
    margin: 0 auto;
    width: 50%;
    content: "";
    height: 174px;
    background-repeat: no-repeat;
    background-position: center center;
}