CODEIFYED Posted April 2, 2020 Share Posted April 2, 2020 (edited) Can anyone help me I would like the site header to be black on the product item page (picture of the wheels) and the page background to be white, but I cant seem to figure it out 😞. I can either make both of them white or both black -_-  its on Squarespace 7.1   The rest of the site I have managed to make the header black. Edited April 2, 2020 by Bonnie_Beaton Link to comment
tuanphan Posted April 2, 2020 Share Posted April 2, 2020 Can you share link to product page? CODEIFYED 1 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
CODEIFYED Posted April 2, 2020 Author Share Posted April 2, 2020 Thanks 🙂 https://besquared-probike.squarespace.com/hjulsett/s35/275-carbon-logo password: besquared Link to comment
tuanphan Posted April 2, 2020 Share Posted April 2, 2020 Add to Home > Design > Custom CSS .collection-type-products.view-item header#header { background: black; } .collection-type-products.view-item header#header * { color: white; stroke: white; }  cami_leisk 1 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
CODEIFYED Posted April 2, 2020 Author Share Posted April 2, 2020 Thanks, It works when the header is at the top but when you scroll down it changes back to white https://besquared-probike.squarespace.com/hjulsett/s35/275-carbon-logo Link to comment
tuanphan Posted April 2, 2020 Share Posted April 2, 2020 edit first code to .collection-type-products.view-item header#header, .header-announcement-bar-wrapper.white-bold.shrink { background: #000 !important; }  Salesdroid and CODEIFYED 1 1 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
CODEIFYED Posted April 2, 2020 Author Share Posted April 2, 2020 (edited) Amazing!! It worked perfect 🙌 Seriously thank you so much  🙌 Edited April 2, 2020 by Bonnie_Beaton Link to comment
CODEIFYED Posted April 2, 2020 Author Share Posted April 2, 2020 Do you have like a donate page on your website? Link to comment
Lorne17 Posted January 28, 2022 Share Posted January 28, 2022 Just used this on my site. Worked like a dream. Thanks @tuanphan!! You are truly awesome! tuanphan 1 Link to comment
abicon Posted February 8 Share Posted February 8 body[class*="collection-type-product"].view-item header#header {   background: #271E77!important; }  This also worked for me based on @tuanphan code for blogs with similar issue tuanphan 1 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