InsideTheSquare.co

View Original

How to create a numbered accordion block in Squarespace

See this content in the original post

See this content in the original post

This tutorial was recorded using Squarespace 7.1 and these codes will not work on legacy sites built on version 7. For more information, visit insidethesquare.co/themes

Squarespace's built-in accordion block is a great tool for displaying information in a clear and organized way.

But what if you want to add a touch of personality and style?

This free Squarespace tutorial dives into the world of custom CSS code to transform your basic accordion block into a numbered masterpiece with customized colors to truly reflect your brand.

See this content in the original post

See this content in the original post

Here are the codes from this tutorial. Be sure to customize the values to match the style of your unique website!

See this content in the original post

See this content in the original post

📝 Free guide to Squarespace code basics

📑 My personal collection of CSS codes for Squarespace

❤️ Did you find this tutorialhelpful? You can BuyMeACoffee to say thanks!