usmanghani31 Posted March 29, 2022 Share Posted March 29, 2022 I want to change the background color of a page and header. I added the code under advanced tab, but I can't see any preview. I'm attaching the picture. Please have a look and let me know how can I fix this. Link to comment
SQSPStarter Posted March 29, 2022 Share Posted March 29, 2022 Please put the CSS into Custom CSS Please Go to Design > Custom CSS and Paste the code Become a contributor to the largest resource for Squarespace and gain recognition from thousands of visitors.Join us on this exciting journey. Ping us here!. Link to comment
tuanphan Posted April 1, 2022 Share Posted April 1, 2022 On 3/30/2022 at 3:40 AM, TheSquareSpacer said: Please put the CSS into Custom CSS Please Go to Design > Custom CSS and Paste the code The <style> code won't work in Custom CSS On 3/30/2022 at 12:53 AM, usmanghani31 said: I want to change the background color of a page and header. I added the code under advanced tab, but I can't see any preview. I'm attaching the picture. Please have a look and let me know how can I fix this. Can you share link to page where you want to change background color, we can help 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
usmanghani31 Posted April 1, 2022 Author Share Posted April 1, 2022 (edited) 10 hours ago, tuanphan said: The <style> code won't work in Custom CSS Can you share link to page where you want to change background color, we can help easier? https://gecko-goose-nln8.squarespace.com/partners Here is the link of the page and the password is (juliebillie) I want to change the background color of body and header of this page only. And I don't want other pages to be affected. Edited April 1, 2022 by usmanghani31 password was not correct Link to comment
SQSPStarter Posted April 1, 2022 Share Posted April 1, 2022 Please go the Design > Custom CSS and paste the following code #collection-613a62ce36e9b74fa68969ab header { background-color: #fdc200 !important; } #collection-613a62ce36e9b74fa68969ab main { background-color: #fdc200 !important; } tuanphan 1 Become a contributor to the largest resource for Squarespace and gain recognition from thousands of visitors.Join us on this exciting journey. Ping us here!. Link to comment
tuanphan Posted April 1, 2022 Share Posted April 1, 2022 5 hours ago, usmanghani31 said: https://gecko-goose-nln8.squarespace.com/partners Here is the link of the page and the password is (juliebillie) I want to change the background color of body and header of this page only. And I don't want other pages to be affected. Add to Design > Custom CSS /* partners page background */ body#collection-613a62ce36e9b74fa68969ab { .section-background, .page-section { background: transparent !important; } &, header#header { background-color: #fdc200 !important; }} 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
usmanghani31 Posted April 2, 2022 Author Share Posted April 2, 2022 15 hours ago, tuanphan said: Add to Design > Custom CSS /* partners page background */ body#collection-613a62ce36e9b74fa68969ab { .section-background, .page-section { background: transparent !important; } &, header#header { background-color: #fdc200 !important; }} I added that code in custom css under design tab, but it's not working. Link to comment
tuanphan Posted April 2, 2022 Share Posted April 2, 2022 8 hours ago, usmanghani31 said: I added that code in custom css under design tab, but it's not working. Try edit page >> Add a Code Block under Co-conspirators text >> Add this code <style> .section-background, .page-section { background: transparent !important; } body, header#header { background-color: #fdc200 !important; } </style> If it still doesn't work, add & keep the code, 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
usmanghani31 Posted April 12, 2022 Author Share Posted April 12, 2022 I added the code in code block under co-conspirators text and it worked. Thanks for sharing. Link to comment
usmanghani31 Posted April 12, 2022 Author Share Posted April 12, 2022 One more thing that I want to change the color of nav bar of the same page only. From white to black. In all other pages nav bar text color is white and on this page, I want it black. How can I do that? I added that code but it's not working. /* Nav item color */ .main-nav ul li a { color: #000000 !important; } Link to comment
usmanghani31 Posted April 13, 2022 Author Share Posted April 13, 2022 On 4/3/2022 at 3:57 AM, tuanphan said: Try edit page >> Add a Code Block under Co-conspirators text >> Add this code <style> .section-background, .page-section { background: transparent !important; } body, header#header { background-color: #fdc200 !important; } </style> If it still doesn't work, add & keep the code, we can check easier I'm waiting for your reply. Link to comment
Web_Solutions Posted April 13, 2022 Share Posted April 13, 2022 (edited) Add these code #collection-613a62ce36e9b74fa68969ab .header-display-desktop{ .header-nav-item a{ color: #000 !important; } } Edited April 13, 2022 by Web_Solutions Ainul, Create_Job and tuanphan 3 Link to comment
Web_Solutions Posted April 13, 2022 Share Posted April 13, 2022 For mobile menu icon #collection-613a62ce36e9b74fa68969ab .header-display-mobile .header-burger-btn { .top-bun .patty .bottom-bun{ background-color: #000 !important; } } #collection-613a62ce36e9b74fa68969ab .header-display-mobile .header-burger-btn.burger--active { .top-bun .patty .bottom-bun{ background-color: #f8f2f2 !important; } } tuanphan, Ainul and Create_Job 3 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