RyanFontana Posted June 20, 2020 Share Posted June 20, 2020 Site URL: http://www.theroyalcodes.com Hi fam, I have been scouring the internet and the forums to figure out how to change the Shopping Cart page color theme to match the rest of my website. Everything else on my site is 'White Minimal' theme, but I can't seem to change the theme of the shopping cart page. Am I missing something? I have figured out how to change the background of the Shopping Cart page through custom CSS, but it looks like it will also require me to custom color all of the elements to get it to look the same as the white minimal theme. before I take the time to do all of that, I wanted to see if there is a faster way to do it. Any secrets I don't know about? 🙂 Thank you for your time, Ryan ps: custom css I started doing was: .cart { background-color: white; a, h1, h2, h3, p { color: black; } } FabiSantiago 1 Link to comment
RyanDejaegher Posted June 20, 2020 Share Posted June 20, 2020 @RyanFontana your code is close just needs a slight adjustment #cart { background-color: white; a, h1, h2, h3, p { color: black; } } Result: Philadelphia, PA 👉 Squarespace Tutorials Chat/Message on FB Messenger for quickest response: https://m.me/dejaegherryan Link to comment
RyanFontana Posted June 21, 2020 Author Share Posted June 21, 2020 Hey Ryan, thanks for the quick reply. I applied the code you shared but I am seeing this: Link to comment
RyanFontana Posted June 21, 2020 Author Share Posted June 21, 2020 @tuanphan any tips or tricks here to change section theme for shopping cart page? if not, most efficient way to code it as such? I appreciate your squarespace wizardry! Link to comment
tuanphan Posted June 22, 2020 Share Posted June 22, 2020 On 6/21/2020 at 10:20 AM, RyanFontana said: @tuanphan any tips or tricks here to change section theme for shopping cart page? if not, most efficient way to code it as such? I appreciate your squarespace wizardry! Can you describe in detail? background color...or? 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
MidnightClub Posted October 28, 2020 Share Posted October 28, 2020 How is it not possible to change the section theme color on the cart page? Seems crazy. On the website I'm working on, section theme is set to accent dark and I can't find a place to change it. Link to comment
MidnightClub Posted October 28, 2020 Share Posted October 28, 2020 On 8/22/2020 at 3:40 PM, SergioC said: UPDATE UPDATE!! The Squarespace app still allows you to change the default theme. Site Styles > Colours > Site Theme Amazing. Here's a solution from @SergioC using the squarespace app. RyanFontana, rrising and kjsgeorge 3 Link to comment
Lorne17 Posted January 18, 2022 Share Posted January 18, 2022 (edited) Did you ever figure this out? I am trying to get my Cart page to not have my white header logo. The text is dark, but white logo is still there. Cart Page (NOT CORRECT, cannot read logo): I want my header to be dark so my logo looks correct: Quote www.activestatedesigns.squarespace.com/cart pw: SiteTest However, when I went to the squarespace app Site Styles > Colors > Site Theme, i changed it to dark, but it made my entire site dark and I don't want my entire site dark. I want white to be default bg color. Thoughts? I also tried the CSS code given, but you can't read half the cart text. Is there CSS that I can make ONLY my header the dark theme blue color? This code below DID NOT WORK. /*** CART PAGE ***/ #cart .header{ background-color: #2C4F6D; } /*** END CART PAGE ***/ Edited January 18, 2022 by Lorne17 Link to comment
tuanphan Posted January 19, 2022 Share Posted January 19, 2022 On 1/18/2022 at 8:57 AM, Lorne17 said: Did you ever figure this out? I am trying to get my Cart page to not have my white header logo. The text is dark, but white logo is still there. Cart Page (NOT CORRECT, cannot read logo): I want my header to be dark so my logo looks correct: However, when I went to the squarespace app Site Styles > Colors > Site Theme, i changed it to dark, but it made my entire site dark and I don't want my entire site dark. I want white to be default bg color. Thoughts? I also tried the CSS code given, but you can't read half the cart text. Is there CSS that I can make ONLY my header the dark theme blue color? This code below DID NOT WORK. /*** CART PAGE ***/ #cart .header{ background-color: #2C4F6D; } /*** END CART PAGE ***/ What is your 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
Lorne17 Posted January 21, 2022 Share Posted January 21, 2022 On 1/19/2022 at 2:50 AM, tuanphan said: What is your site url? http://www.activestatedesigns.squarespace.com PS: SiteTest Sorry forgot! Thanks in advance, Lorne Link to comment
tuanphan Posted January 22, 2022 Share Posted January 22, 2022 On 1/21/2022 at 10:42 AM, Lorne17 said: http://www.activestatedesigns.squarespace.com PS: SiteTest Sorry forgot! Thanks in advance, Lorne Add to Design > Custom CSS /* remove cart page logo */ body#cart header#header img { visibility: hidden; } 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
Lorne17 Posted February 2, 2022 Share Posted February 2, 2022 Thanks @tuanphan, but that code removes my logo. I just want the header background to be dark in color so my logo stays there, but looks correct. /* remove cart page logo */ body#cart header#header img { visibility: hidden; } Thanks, Lorne Link to comment
tuanphan Posted February 7, 2022 Share Posted February 7, 2022 On 2/2/2022 at 10:01 PM, Lorne17 said: Thanks @tuanphan, but that code removes my logo. I just want the header background to be dark in color so my logo stays there, but looks correct. /* remove cart page logo */ body#cart header#header img { visibility: hidden; } Thanks, Lorne Remove above & use this new code body#cart header#header { background-color: #f1ff !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
gabypolancoa Posted February 23, 2022 Share Posted February 23, 2022 On 6/22/2020 at 8:04 AM, tuanphan said: Can you describe in detail? background color...or? It happened to me too! Used the CSS you shared. The issue here is the paragraph font color. It blends with the white background. Look at these examples: Link to comment
tuanphan Posted February 27, 2022 Share Posted February 27, 2022 On 2/24/2022 at 1:29 AM, gabypolancoa said: It happened to me too! Used the CSS you shared. The issue here is the paragraph font color. It blends with the white background. Look at these examples: What is your site url? We can check problem 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
codeandtonic Posted March 29, 2022 Share Posted March 29, 2022 I wrote about this in my blog post Changing Squarespace 7.1 Cart Page Colour Theme (2022) In a nutshell, you should figure out what is your default color theme. This can't be changed currently in 2022. But you can style it and then if you want a different look, use other color theme in places where you can choose it. So your default theme is the foundation for cart page, search results page an order confirmation page and you should start with styling those first. And then creating different looks elsewhere. -Fenix tuanphan 1 Freelance Squarespace developer making plugins like Full-Width Blocks, Hover effects for grid gallery and the Darkmode plugin. I know Squarespace inside out and I'm able to solve pretty much any Squarespace code problem. Get in touch here! Link to comment
PamP Posted September 22, 2022 Share Posted September 22, 2022 I am having the same issue, call code shown in this thread isn't working. The logo also isn't showing. Could anyone please help?https://spinach-tarpon-d9kn.squarespace.com/cart PS: Holmes Happy for the background to be white and i'll add hex to the code. Link to comment
tuanphan Posted September 24, 2022 Share Posted September 24, 2022 On 9/23/2022 at 1:33 AM, PamP said: I am having the same issue, call code shown in this thread isn't working. The logo also isn't showing. Could anyone please help?https://spinach-tarpon-d9kn.squarespace.com/cart PS: Holmes Happy for the background to be white and i'll add hex to the code. Password is incorrect 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
PamP Posted September 24, 2022 Share Posted September 24, 2022 1 hour ago, tuanphan said: Password is incorrect Apologies it should be CarrionBelts Link to comment
tuanphan Posted September 25, 2022 Share Posted September 25, 2022 16 hours ago, PamP said: Apologies it should be CarrionBelts Logo shows fine to me 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