David718 Posted December 4, 2019 Share Posted December 4, 2019 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
tuanphan Posted December 4, 2019 Share Posted December 4, 2019 Can you share link to your site? 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
David718 Posted December 4, 2019 Author Share Posted December 4, 2019 This is the page in question. I would like to have the header be blank, like on the rest of the site. Link to comment
tuanphan Posted December 5, 2019 Share Posted December 5, 2019 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; } David718 1 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
David718 Posted December 5, 2019 Author Share Posted December 5, 2019 That did it! Thanks very much for your help. Link to comment
st18 Posted December 22, 2019 Share Posted December 22, 2019 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. Link to comment
tuanphan Posted December 22, 2019 Share Posted December 22, 2019 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
jchongstudio Posted October 5, 2021 Share Posted October 5, 2021 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
tuanphan Posted October 7, 2021 Share Posted October 7, 2021 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
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment