Shopping Cart slight Customization

Site URL: http://www.skin-matter.com

Hi @tuanphan

I need to do some changes in my shopping cart overview. Picture is here attached. Basically, I would lie kto:

- Hide during the checkout the additional info about the price (100ml / 100g)

- product price should be a little bolder and bigger

- product description should be a little smaller

Thanks!

You can make changes by adding CSS to Design > Custom CSS. Note that when you make changes to the cart, you must normally save the CSS and then refresh the page before the changes will take effect in your preview window.

Below are some examples to change the font size of the price, subtotal and the product title on the cart page. The final section hides the variant information such as 250ml: €17.00.

.CartTableRow-itemPrice-26eXS {
  font-size: 20px; //Price font-size
}
.CartTable-subtotalPrice-2JFeD {
  font-size: 20px; //Subtotal font-size
}
.CartTableRow-itemDesc-1MjIC a {
  font-size: 16px; //Product title font-size
}
.CartTableRow-variantInfo-1Ms2c {
  display: none; // Hide variant info
}

omg, @paul2009 you seriously saved my life today! thanks! 

@paul2009 good morning! sorry, just a short double check if additionally to the code here above, there is something you can do in order to hide these 2 elements (see picture attached) at the last step of the checkout? thank you!!! 

The checkout cannot be changed, so there’s nothing you can do about this. 😢

See this article for more info: Can I edit the Squarespace checkout?