NEW COMMUNITY!

I am launching my premium community to help you solve your biggest headaches when building your website or starting a web design business. If you would like to find out more, you can join the waitlist here:

https://community.pixelhaze.academy/i...

We also have a free Skool community dedicated to website builders including Squarespace, Wix (from Autumn 2024) and Hostinger here:

https://www.skool.com/websitebuilder...

Check Out Square Forge, our Squarespace Template Builder:

https://squareforge.net

Finally, our Website Builders YouTube Channel is worth checking out(Covering Squarespace, Hostinger Website Builder and Wix in the near future):    / @websitebuilderguides  



Intermediate to Advanced Squarespace Tutorial: Recreate Testimonial Designs

In this video, Elwyn Davies of Pixelhaze demonstrates how to recreate and customize testimonial blocks using Squarespace's new fluid engine.

The tutorial breaks down inspirational web design elements from the website Call to Inspiration and reconstructs them within Squarespace.

Elwyn covers using the standard section, applying CSS for custom shapes, and creating a testimonial slider effect. The tutorial is aimed at users with intermediate to advanced knowledge of Squarespace, emphasizing the versatility of fluid engine layouts and advanced customization techniques.

00:00 Introduction to Call to Inspiration
00:15 Setting Up for the Tutorial
01:07 Creating the First Testimonial Block
02:55 Adding and Styling Images
05:42 Adjusting Text and Layout
07:06 Exploring Mobile View and Final Adjustments
08:52 Using the List Feature for Testimonials
13:22 Advanced Customization with CSS
16:02 Creating a Circular Profile Image
19:13 Final Touches and Alternative Designs
23:26 Adjusting Logo and Layout
24:00 Mobile View Considerations
26:50 Advanced Design Techniques
27:01 Creating Custom Testimonials
27:42 Editing Images in Canva
31:55 Building in Squarespace
38:12 Using CSS for Custom Shapes
41:28 Final Touches and Mobile Adjustments
42:21 Join Our Community