How to: Edit the Shopping Cart Icon on Squarespace

A simple tutorial if you just want to change the weight of the icon and quantity counter to make it look more consistent with social media icons in the header.

Navigate to Design.

Navigate to Custom CSS.

In the custom CSS area add the code below for the icon and quantity counter. Change the font weight and icon stroke to your liking. I used 2px on my site since that seemed closest to the stroke of the Instagram icon which is right next to the cart.

.icon-cart-quantity {
  font-weight: 700;
}
.icon--stroke svg {
  stroke-width: 2px;
}

Before and after editing the stroke and font weight