Jump to content

Can I apply changes to the cart?

Go to solution Solved by tuanphan,

Recommended Posts

  • Solution

@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
  • 2 months later...
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 by LeeLee
Link to comment
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
  • 5 months later...
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
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)

 

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
  • 1 month later...
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
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 by tuanphan

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

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.