Jump to content

CSS disable header on one page

Recommended Posts

  • Tone changed the title to CSS disable header on one page

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>

Link to comment
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

Link to comment
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?

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
  • 2 weeks later...
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

Link to comment
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;
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.