Guest Posted September 21, 2019 Share Posted September 21, 2019 (edited) Hi, Could I apply these changes (see image) to the cart page? Regards Edited September 21, 2019 by Paul2009 Link to comment
Solution tuanphan Posted September 21, 2019 Solution Share Posted September 21, 2019 @Campcamp /* remove shopping cart title */ body.cart .cart-title { visibility: hidden; } /* product title */ body.cart .item-desc a { text-transform: capitalize; font-weight: 400; font-size: 12px; } /* checkout button */ body.cart .checkout-button span { text-transform: lowercase; font-size: 12px; font-family: courier; } 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 September 21, 2019 Share Posted September 21, 2019 That's very helpful, it works! Would you be able to tell me as well how can I change this and add padding after the cart as the footer is now visible. @tuanphan Link to comment
Guest Posted September 21, 2019 Share Posted September 21, 2019 That's very helpful, it works! Would you be able to tell me as well how can I change this and add padding after the cart as the footer is now visible. @tuanphan Link to comment
LeeLee Posted November 22, 2019 Share Posted November 22, 2019 (edited) On 9/21/2019 at 11:41 PM, tuanphan said: /* remove shopping cart title */ body.cart .cart-title { visibility: hidden; } Hi @tuanphan, I also have a question it's the same as the second part of question 1 from @Campcamp How do I change the Shopping Cart Title Font Family and Font Size? I'm using Jaunt Template (squarespace 7.0) - even if I try to remove the title (instead of changing the font) it doesn't work yet my other CSS works (to remove social links from product page). Edited November 22, 2019 by LeeLee Link to comment
tuanphan Posted November 22, 2019 Share Posted November 22, 2019 1 hour ago, LeeLee said: Hi @tuanphan, I also have a question it's the same as the second part of question 1 from @Campcamp How do I change the Shopping Cart Title Font Family and Font Size? I'm using Jaunt Template (squarespace 7.0) - even if I try to remove the title (instead of changing the font) it doesn't work yet my other CSS works (to remove social links from product page). Can you share link to shop 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
jjjuliejj Posted April 30, 2020 Share Posted April 30, 2020 On 9/21/2019 at 6:41 AM, tuanphan said: /* remove shopping cart title */ body.cart .cart-title { visibility: hidden; } This isn't working in 7.1. Is there a fix? Thank you Link to comment
tuanphan Posted May 1, 2020 Share Posted May 1, 2020 3 hours ago, jjjuliejj said: This isn't working in 7.1. Is there a fix? Thank you replace body.cart with body#cart 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
jjjuliejj Posted May 1, 2020 Share Posted May 1, 2020 Thank you the suggestion. Unfortunately, it still doesn't work. Oh well! Link to comment
tuanphan Posted May 1, 2020 Share Posted May 1, 2020 11 minutes ago, jjjuliejj said: Thank you the suggestion. Unfortunately, it still doesn't work. Oh well! can you share link to your site? 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 May 2, 2020 Share Posted May 2, 2020 On 5/1/2020 at 10:20 AM, jjjuliejj said: Thank you the suggestion. Unfortunately, it still doesn't work. Oh well! Just checkd on my 7.1 site. It think above code (with body#cart is correct) jjjuliejj 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
Bain Posted June 20, 2020 Share Posted June 20, 2020 Any chance anyone would know how to add a clickable button underneath the checkout button? I’d like to add a button that will take the customer to another link in a separate window. Link to comment
tuanphan Posted June 20, 2020 Share Posted June 20, 2020 2 hours ago, Bain said: Any chance anyone would know how to add a clickable button underneath the checkout button? I’d like to add a button that will take the customer to another link in a separate window. If you share link to cart page, 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
Bain Posted June 21, 2020 Share Posted June 21, 2020 (edited) Hi @tuanphan here is the link to my cart page. bluelinenutrition.co/cart Edited June 21, 2020 by Bain Fixed link Link to comment
Bain Posted June 21, 2020 Share Posted June 21, 2020 @paul2009 can you help with this? trying to add a clickable button underneath the “checkout” button on the cart page. Link to comment
tuanphan Posted June 22, 2020 Share Posted June 22, 2020 (edited) On 6/21/2020 at 7:03 AM, Bain said: Hi @tuanphan here is the link to my cart page. bluelinenutrition.co/cart Add to Code Injection Header <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.0/jquery.min.js"></script> <script> $(document).ready(function() { $('.CartFooter-checkout-28MW2').append('<div class="tuan"><a href="https://beaverhero.com">Button text</a></div>'); }); </script> <style> .tuan a { display: inline-block; height: auto; color: #ffffff; background-color: #272727; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 12px; line-height: 1em; font-weight: normal; font-style: normal; text-transform: uppercase; letter-spacing: 0; text-align: center; text-decoration: none; letter-spacing: 0.1em; padding: 1.4em 2.8em; margin: 40px 0; } </style> replace with your text, url Edited June 22, 2020 by tuanphan adrian1 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
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment