Create a Pricing Table in Squarespace 7.1

Have you ever spent a ton of time building the perfect proposal only for the client to reply that you are out of their budget? The more information a client knows about a service before contacting you, the more likely the proposals you send out are landing in the right hands.

A pricing table is a great way for potential clients to clearly see the services you offer as well as compare their similarities and/or differences.

In this video, I show you how to create a pricing table in Squarespace 7.1. All the code used in the video is provided below.

The following code is used in the video.

#COLLECTIONID #page .page-section:nth-of-type(1) {
.sqs-block-image-figure {
outline: 2px solid #9C9A81; /*outline */
-webkit-box-shadow: 13px 14px 13px -10px rgba(0,0,0,0.78); /*shadow*/
-moz-box-shadow: 13px 14px 13px -10px rgba(0,0,0,0.78);/*shadow*/
box-shadow: 13px 14px 13px -10px rgba(0,0,0,0.78);/*shadow*/
}
.image-card {
    padding: 10px 20px; /*spacing*/
  }
}

Resources Used

1. Canva

2. Converting Colours Website

Here are some other posts you may like:

• Remove the Underline from the Read More Blog Link | Squarespace 7.1

• 5 Mistakes to Avoid When Adding Code To Your Squarespace Website

• Redirect to a Thank You Page After Purchase in Squarespace