Jump to content

Recommended Posts

Hello! I'm setting up a site using the Miller template, and I want to hide the header-area banner on a page.

I have added an image to the Media section of Page Settings because I want the image to show up other places on the site, like in a "Content Link" block. But I don't want that same image to appear in the header of the page itself -- I just want the header to have a blank background.

How can I do this? I've tried a couple different variations of adding new styles to the "page header code injection" of the page settings, but I can't get the language right.

 

Link to comment
2 hours ago, David718 said:

This is the page in question. I would like to have the header be blank, like on the rest of the site.

add to Home > Design > Custom CSS

body#collection-5de720b589bdad666756fb35 figure.Intro-image.loaded img {
    display: none;
    background: #fff;
}
body#collection-5de720b589bdad666756fb35 .Site-inner {
    background: #fff;
}

 

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
  • 3 weeks later...
2 hours ago, st18 said:

Hi there! I seem to be trying to do the same thing but can't figure out how to customize the code for the page I'm trying to change:

https://ancientrain.squarespace.com/projects?p

The password is password.

Add to Home > Design > Custom CSS

body#collection-5dfec1067173c34067b07461 .page-banner-wrapper {
    display: none;
}

 

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
  • 1 year later...

I know I can manually remove the banner image on my gallery pages but everytime i make a chance I need to remove the media. Wondering if there is a CSS code to override it so it doesn't appear?

this is how the site looks with the banner image not removed

https://www.jchongstudio.com/test-banner-01

this is the image manually removed from each page

https://www.jchongstudio.com/

here is my poor attempt at trying to override but it turned the navigation text white. 

https://www.jchongstudio.com/test-banner-02 this is the code i tried.

 

body#collection-615cc58f02734176d27c599b .page-banner-wrapper {
    display: none !important;
}

body#collection-615cc58f02734176d27c599b figure.Intro-image.loaded img {
    display: none;
    background: #fff;
}

body#collection-615cc58f02734176d27c599b  .Site-inner {
  background: #fff;}

 

Link to comment
On 10/6/2021 at 5:28 AM, jchongstudio said:

I know I can manually remove the banner image on my gallery pages but everytime i make a chance I need to remove the media. Wondering if there is a CSS code to override it so it doesn't appear?

this is how the site looks with the banner image not removed

https://www.jchongstudio.com/test-banner-01

this is the image manually removed from each page

https://www.jchongstudio.com/

here is my poor attempt at trying to override but it turned the navigation text white. 

https://www.jchongstudio.com/test-banner-02 this is the code i tried.

 

body#collection-615cc58f02734176d27c599b .page-banner-wrapper {
    display: none !important;
}

body#collection-615cc58f02734176d27c599b figure.Intro-image.loaded img {
    display: none;
    background: #fff;
}

body#collection-615cc58f02734176d27c599b  .Site-inner {
  background: #fff;}

 

It looks like I sent code via your email. If it works, you can share for other members. Thank you

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.