How to create a minimal testimonial carousel with auto layouts in Squarespace 7.1
We’re back with another 7.1 Auto Layout customization today!
Last time we played around with the Slideshow Auto Layout, but this time we’ll be tackling how to create a lovely testimonial carousel using the Carousel version.
I personally love the final result of this one and the little details that make it stand out even more.
01 | CHAPTERS
00:00 - Intro
00:35 - Auto Layout settings
03:35 - Setting the slide content side-by-side
06:49 - Vertically centering the content
07:41 - Styling button as client name
11:00 - Adding corner image
14:25 - Setting up the line
17:46 - Checking mobile and making adjustments
02 | BLOG POST + RESOURCES
Find related tutorials, notes, and any code mentioned in this video:
https://beatrizcaraballo.com/blog/min...
03 | WORK WITH ME
Need help with a Squarespace client project?
From brainstorming the best approach to hands-on implementation, I help designers navigate tricky builds and move forward with confidence:
https://beatrizcaraballo.com/services
04 | THE SOURCE NOTES
Get weekly customization tips and troubleshooting insights based on real Squarespace project challenges:
https://beatrizcaraballo.com/notes
05 | SUPPORT + INQUIRIES
Have a project challenge you’d like help with?
I prioritize client inquiries, but I also use questions and challenges I receive to inspire future tutorials. Reach out here:
https://beatrizcaraballo.com/contact
06 | NOTE
The code shown in this video is provided as-is and may need adjustments depending on your specific project and Squarespace settings.
07 | KEYWORDS
squarespace auto layout, auto layout 7.1 squarespace, auto list squarespace, squarespace css tutorial, squarespace 7.1, custom css squarespace, squarespace web design, squarespace custom code, squarespace web development, squarespace design tutorial, squarespace site customization, squarespace code implementation, squarespace css tricks