An Elegant and Interactive Pricing Section [Squarespace Tutorial]
Create a fun, yet elegant pricing section on your Squarespace website.
All the code necessary for this tutorial can be found here:
https://www.will-myers.com/articles/e...
Directions:
1. Add a List Section with the Design set to Simple List.
2. Paste in the Custom CSS from the link above to your Custom CSS area.
3. Install the Squarespace ID Finder Chrome Extension if you haven’t already. (Link below)
4. In the CSS, replace the data-section-id="123" with the specific data-section-id of your List Section (use the Squarespace ID Finder tool to find the data-section-id)
5. Adjust the --hover-scale and --hover-opacity values to your liking.
Get the Squarespace ID Finder I used in this tutorial:
https://will-myers.com/id-finder
More customizations and code snippets in my Membership:
https://www.will-myers.com/catalogue
📲 Follow me on Instagram: / willdashmyers
📧 Join My Newsletter: https://www.will-myers.com/newsletter
🛒 Check out our Plugin Store: https://www.will-myers.com/products
Watch video An Elegant and Interactive Pricing Section [Squarespace Tutorial] online without registration, duration hours minute second in high quality. This video was added by user Will Myers 20 March 2024, don't forget to share it with your friends and acquaintances, it has been viewed on our site 695 once and liked it 18 people.