How To Change Shopping Cart Page Design in Squarespace with CSS // Squarespace CSS Tutorial

Just getting started with Squarespace CSS? Awesome! 😍 I want to teach you the basics – grab my free Getting Started Guide here 👉 http://bit.ly/guide-to-css

The shopping cart page on Squarespace sites isn’t known for being flexible, or very stylish. This tutorial will show you how you can change the shopping cart page design on your Squarespace website using CSS.

Learn how to add some style to those horizontal lines:
(.CartTable-cartItemList-1-5al, .CartTable-cartItemListLabels-D0rsA, .CartTableRow-cartItemList-qrq0l)

Make thumbnails less boring (.CartTableRow-imageBg-97RUm) make text colors pop ( .CartTable-cartItemListLabels-D0rsA) and even play around with some simple button styles to change the “checkout” button.

With so many codes to cover, I made another CSS cheat sheet for this tutorial so you can copy and paste all the codes in this video right out of the PDF. Head on over to insidethesquare.co/shopping to download your free copy so you can follow along with the tutorial video!


Not sure which template you are using? My Getting Started with CSS guide can help you make sure you are using the right code snippet. Download it for free here 👉 https://insidethesquare.co/getting-started-with-css

#squarespace #squarespacecss #howto #customizesquarespace #css #squarespacetricks #squarespacehacks

The term “Squarespace” is a trademark of Squarespace, Inc. I am not affiliated with Squarespace, Inc. I just really love their platform.

Post Author: hatefull