Guest Posted May 9, 2020 Share Posted May 9, 2020 Site URL: https://potato-sphere-g3k8.squarespace.com/config/ Hi! How do you change the color of the background and font on the shopping cart page? I'd like the "Shopping Cart" title to not be capitalized and match the font on the rest of my site. Also, how do you make "item," "QTY" and "Price" bigger and lowercase? Website: naonow.com Password: naonow @tuanphan Link to comment
tuanphan Posted May 10, 2020 Share Posted May 10, 2020 Add to Home > Design > Custom CSS .cart-title { visibility: hidden; } .cart-title:before { visibility: visible; content: "Shopping Cart"; color: red; font-size: 50px; font-family: monospace; letter-spacing: 1px; } Can you share link to product page? 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
Guest Posted May 10, 2020 Share Posted May 10, 2020 (edited) @tuanphan here's the link for the page I'm trying to change: https://potato-sphere-g3k8.squarespace.com/config/design/custom-css https://naonow.com/cart Edited May 10, 2020 by rachelt Link to comment
tuanphan Posted May 11, 2020 Share Posted May 11, 2020 /config is url for site owner 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
Guest Posted May 11, 2020 Share Posted May 11, 2020 (edited) Here! https://naonow.com/products https://naonow.com/get-started/ultimate Is it possible to make the "Shopping Cart" title not capitalized and match the font on the rest of my site. Also, how do you make "item," "QTY" and "Price" bigger and lowercase? https://naonow.com/cart Password: naonow And can I change the color? Edited May 12, 2020 by rachelt Link to comment
Solution tuanphan Posted May 12, 2020 Solution Share Posted May 12, 2020 21 hours ago, rachelt said: Here! https://naonow.com/products .cart-title { visibility: hidden; } .cart-title:before { visibility: visible; content: "Shopping Cart"; color: red; font-size: 50px; font-family: monospace; letter-spacing: 1px; } .cart-item-list-labels span { font-size: 20px !important; 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
Guest Posted May 12, 2020 Share Posted May 12, 2020 (edited) @tuanphan I don't see any changes when I use that code! Should I be uploading it to the checkout page? Edited May 12, 2020 by rachelt Link to comment
tuanphan Posted May 13, 2020 Share Posted May 13, 2020 18 hours ago, rachelt said: @tuanphan I don't see any changes when I use that code! Should I be uploading it to the checkout page? Add to Home . Design > Custom CSS 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
MakingWaves Posted August 31, 2020 Share Posted August 31, 2020 Hi guys. I'd like to change the Shopping cart title to read 'Basket' and I'd like to change the font too. I also need to change the font and colour of the checkout button if poss. Any help would be really appreciated! Thank you 🙂 https://elephant-falcon-8x4p.squarespace.com/cart p/w vineyard Link to comment
tuanphan Posted September 1, 2020 Share Posted September 1, 2020 21 hours ago, MakingWaves said: Hi guys. I'd like to change the Shopping cart title to read 'Basket' and I'd like to change the font too. I also need to change the font and colour of the checkout button if poss. Any help would be really appreciated! Thank you 🙂 https://elephant-falcon-8x4p.squarespace.com/cart p/w vineyard Add to Home > design > Custom CSS /* Shopping cart title */ .cart-title { visibility: hidden; } .cart-title:before { visibility: visible; content: "tuanphan"; } /* Checkout */ .checkout-button { background: green !important; color: red !important; font-family: monospace !important; } MakingWaves 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
MakingWaves Posted September 2, 2020 Share Posted September 2, 2020 On 9/1/2020 at 10:59 AM, tuanphan said: Add to Home > design > Custom CSS /* Shopping cart title */ .cart-title { visibility: hidden; } .cart-title:before { visibility: visible; content: "tuanphan"; } /* Checkout */ .checkout-button { background: green !important; color: red !important; font-family: monospace !important; } Hey Tuan. Always value your help, thank you. I added your code (and amended the relevant areas) but nothing's happening at all 😞 I'm on v7.0 if that makes a difference? Link to comment
tuanphan Posted September 2, 2020 Share Posted September 2, 2020 56 minutes ago, MakingWaves said: Hey Tuan. Always value your help, thank you. I added your code (and amended the relevant areas) but nothing's happening at all 😞 I'm on v7.0 if that makes a difference? I see the code worked here? 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
MakingWaves Posted September 2, 2020 Share Posted September 2, 2020 6 minutes ago, tuanphan said: I see the code worked here? Oh yeh I can see it now, sorry it didn't update straight away. Weird. How do I lose the italics on the title? TY Link to comment
tuanphan Posted September 2, 2020 Share Posted September 2, 2020 .cart-title:before { visibility: visible; content: "tuanphan"; font-style: normal; } MakingWaves 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
MakingWaves Posted September 4, 2020 Share Posted September 4, 2020 Thanks so much Tuan ❤️ For some reason the padding from the top margin of the shopping cart page is playing up, so 'Basket' is sitting too close to the header (on desktop). How can I increase the padding from the top without it affecting all other pages? TY! https://elephant-falcon-8x4p.squarespace.com/cart p/w vineyard Link to comment
tuanphan Posted September 4, 2020 Share Posted September 4, 2020 33 minutes ago, MakingWaves said: Thanks so much Tuan ❤️ For some reason the padding from the top margin of the shopping cart page is playing up, so 'Basket' is sitting too close to the header (on desktop). How can I increase the padding from the top without it affecting all other pages? TY! https://elephant-falcon-8x4p.squarespace.com/cart p/w vineyard Add to Home > Design > Custom CSS body#cart { margin-top: 100px; } MakingWaves 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
jeaninewilson Posted May 13, 2021 Share Posted May 13, 2021 Hey @tuanphan thanks for your help with this! How do you also change the font of the item name, item price and subtotal? Link to comment
tuanphan Posted May 14, 2021 Share Posted May 14, 2021 22 hours ago, jeaninewilson said: Hey @tuanphan thanks for your help with this! How do you also change the font of the item name, item price and subtotal? Hi. Can you share link to a product? 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
Mevn Posted May 27, 2021 Share Posted May 27, 2021 (edited) Bonjour @ tuanphan, J'ai un problème sur la page de mon panier. Je souhaite réduire la largeur de la page. Pour le moment, il prend toute la largeur comme vous pouvez le voir sur la capture d'écran. Comment puis-je réduire la largeur de la page? Merci https://arabicafes.com/cart Edited May 27, 2021 by Mevn Link to comment
tuanphan Posted May 28, 2021 Share Posted May 28, 2021 18 hours ago, Mevn said: Bonjour @ tuanphan, J'ai un problème sur la page de mon panier. Je souhaite réduire la largeur de la page. Pour le moment, il prend toute la largeur comme vous pouvez le voir sur la capture d'écran. Comment puis-je réduire la largeur de la page? Merci https://arabicafes.com/cart Utiliser ce CSS /* page du panier */ @media screen and (max-width:1350px) { .system-page { max-width: 1150px; } } 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
AlishaK Posted June 8, 2021 Share Posted June 8, 2021 Hi all, I'm following along in this thread but still not seeing how to change the background color of this page. I want the background color of this page to be #F7EFE7 and all text (including title of product, price, and subtitle) to be black. Here's my code: .cart-body { color: #F7EFE7; } .cart-title { visibility: hidden; } .cart-title:before { visibility: visible; content: "Shopping Cart"; color: black; font-size: 50px; font-family: 'MDNichrome0.7'; letter-spacing: 1px; } .cart-item-list-labels span { font-size: 20px !important; color: black; } My site is here: https://bamboo-icosahedron-37sw.squarespace.com/ Link to comment
SaraSara Posted June 9, 2021 Share Posted June 9, 2021 (edited) This one is working on my page, you can try. ( For background color) /* Shopping cart background */ body#cart { background-color: #ffffff; } Here for the text color: /* Variant */ .variant-info * { color: black; } /* price */ .item-price { color: black; } /* subtotal price */ ._2nJjmtuOe * { color: black; } /* cart page product title color */ .item-desc a { color: black; } Edited June 9, 2021 by SaraSara AlishaK 1 Link to comment
tuanphan Posted June 10, 2021 Share Posted June 10, 2021 On 6/9/2021 at 6:12 AM, AlishaK said: Hi all, I'm following along in this thread but still not seeing how to change the background color of this page. I want the background color of this page to be #F7EFE7 and all text (including title of product, price, and subtitle) to be black. Here's my code: .cart-body { color: #F7EFE7; } .cart-title { visibility: hidden; } .cart-title:before { visibility: visible; content: "Shopping Cart"; color: black; font-size: 50px; font-family: 'MDNichrome0.7'; letter-spacing: 1px; } .cart-item-list-labels span { font-size: 20px !important; color: black; } My site is here: https://bamboo-icosahedron-37sw.squarespace.com/ Add to Design > Custom CSS /* Cart page */ body#cart #page { background: #F7EFE7; } body#cart div#sqs-cart-root * { color: black !important; } AlishaK 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
AlishaK Posted June 10, 2021 Share Posted June 10, 2021 (edited) Thank you, both! Final thing I'm struggling with here, why is the button and Item/Qty/Price not changing? I'd like the button to be black with #F7EFE7 text color, and the Item/Qty/Price to be black. Appreciate the help! /* Cart page */ body#cart #page { background: #F7EFE7; } body#cart div#sqs-cart-root * { color: black !important; } .cart-title { visibility: hidden; } .cart-title:before { visibility: visible; content: "Shopping Cart"; color: black; font-size: 50px; font-family: 'MDNichrome0.7'; letter-spacing: 1px; } .cart-item-list-labels span { font-size: 25px !important; color: black; } body .checkout button._3yWY284uI { background: black; color: #F7EFE7; font-family: 'MDNichrome0.7'; } Edited June 10, 2021 by AlishaK Link to comment
tuanphan Posted June 11, 2021 Share Posted June 11, 2021 17 hours ago, AlishaK said: Thank you, both! Final thing I'm struggling with here, why is the button and Item/Qty/Price not changing? I'd like the button to be black with #F7EFE7 text color, and the Item/Qty/Price to be black. Appreciate the help! /* Cart page */ body#cart #page { background: #F7EFE7; } body#cart div#sqs-cart-root * { color: black !important; } .cart-title { visibility: hidden; } .cart-title:before { visibility: visible; content: "Shopping Cart"; color: black; font-size: 50px; font-family: 'MDNichrome0.7'; letter-spacing: 1px; } .cart-item-list-labels span { font-size: 25px !important; color: black; } body .checkout button._3yWY284uI { background: black; color: #F7EFE7; font-family: 'MDNichrome0.7'; } with butotn, try this code .checkout-button * { background: black; color: #F7EFE7; font-family: 'MDNichrome0.7'; } 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