WRG34 Posted July 4, 2019 Share Posted July 4, 2019 (edited) Hi. I need my header to be a solid white background. Immediately below the header, I need an image that fully bleeds to each side of the screen. It seems the only way to do this is with a banner image. When I add a banner image, it also stretches up behind the header, replacing my white background. I've spent hours dealing with this and its incredibly frustrating since it should be the simplest thing to do. Please help! Edited July 4, 2019 by WRG34 Initial Revision Link to comment
tuanphan Posted July 4, 2019 Share Posted July 4, 2019 @WRG34 Can you share site url? Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
tuanphan Posted July 4, 2019 Share Posted July 4, 2019 @WRG34 Use this CSS to change Header Background Color (Home > Design > Custom CSS) header.Header.Header--top { background-color: red; } Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
WRG34 Posted July 4, 2019 Author Share Posted July 4, 2019 Thanks for the suggestion. What actually fixed the problem was going to design styles then changing the branding and nav position from 'bottom' to 'top' and then I could change the background to white. So simple and yet how could you ever figure that out!? Hopefully Squarespace has some improvements to UX coming soon. Link to comment
Lau_Lau Posted November 14, 2019 Share Posted November 14, 2019 Amazing, I was trying to do exactly the same thing. Thanks you saved me a lot of time! Link to comment
VinnieMou Posted January 19, 2021 Share Posted January 19, 2021 @WRG34Hi, thanks for sharing the method to put the full-bleed image below the header, but I couldn't find design styles and branding and nav position as you mentioned in your post. Could you please provide more details about how to get there? Thanks. Link to comment
tuanphan Posted January 23, 2021 Share Posted January 23, 2021 On 1/20/2021 at 3:53 AM, VinnieMou said: @WRG34Hi, thanks for sharing the method to put the full-bleed image below the header, but I couldn't find design styles and branding and nav position as you mentioned in your post. Could you please provide more details about how to get there? Thanks. Can you share site url? We can check easier Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
LauraArmstrong Posted March 4, 2021 Share Posted March 4, 2021 I am trying to do the same thing and also cant find the design styles and branding etc. my url is www.lauraarmstrong.com.au Link to comment
tuanphan Posted March 11, 2021 Share Posted March 11, 2021 On 3/5/2021 at 6:14 AM, LauraArmstrong said: I am trying to do the same thing and also cant find the design styles and branding etc. my url is www.lauraarmstrong.com.au It looks fine here. Did you solve it? Also do you want to increase this form width on tablet? Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care 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