How to create a slider testimonial in Squarespace // Squarespace Testimonial Slider Tutorial

[@InsideTheSquare]

⚠️ IMPORTANT CSS UPDATE ⚠️ When logging into Squarespace, if you see the word "Website" at the top of your menu, you are using their new internal navigation! To edit the CSS of your Squarespace website, click on the word "Website" and scroll to the bottom of the list of pages. Here you'll see "Website Tools" - click on that option and select "Custom CSS" to open the CSS panel and add your code here. For more information, watch this tutorial: kzbin.info/www/bejne/m6atonuOqMR_Z68

[@cycle9241]

Very cool look and fun to create. Thanks for this one...I'll be putting these to good use. See ya at the Squarekicker seminar. 👍

[@InsideTheSquare]

Your comment just made my day - thank you so much for letting me know! 💙 See ya soon!

[@patrickk3181]

I will be adding that slider 2 to my website. That would be perfect for me!

[@InsideTheSquare]

Awesome - glad you found a good design idea for your site! Feel free to share a link when it’s live; I’d love to see it! 🙌

[@hilltophelp]

Ive been looking for ways to make my testimonial sections stand out. Thanks for this tutorial!

[@InsideTheSquare]

Yay - so happy my tutorials are helping you rock your Squarespace site 🥳

[@meganglenn4476]

Great tutorial! How would you go about switching the image to the right and text to the left on the first option you present. I've been playing with it for a while now and can't seem to get it to happen. Thank you in advance!

[@InsideTheSquare]

Great question! You can watch the video from the 09:32 minute mark and follow those steps but aligning things on the opposite side 👍👍

[@josephbupe]

Thanks a lot for this tutorial

[@InsideTheSquare]

You're welcome!

[@MasterDubik]

For my add section, it only has icons. It doesn't have the divided categories of like "testimonials". Any thoughts why?

[@InsideTheSquare]

That sounds like a glitch with the interface/program itself - i would reach out to Squarespace support ASAP. I have found their live chat to be very responsive! support.squarespace.com

[@sennastudio]

thank you so much for this, great tutorial as always! One thing i would love to change is the height of it all? it is very long and the photo stretches and there is a lot of space around. the testimoinal above and below? any easy way to do that? also is there any way the phot has some padding above and below also? thank you!

[@InsideTheSquare]

Great suggestion! You can always use the design tab for the section to adjust spacing; between elements like the images and text, and the height of the section itself 👍👍

[@keeleycollins9329]

Hello! So I added the code but I'm having two issues. First, it's applying the settings to my other carosel sections in my website. Second, it won't change the color even after adding my own hex code. Can you help? Thanks!

[@InsideTheSquare]

Great questions! You can isolate the section by adding its data section I’d first, and then make sure you use !important after the hex color code so the browser picks up in your change. I have more info on my troubleshooting guide at insidethesquare.co/code-help

[@microdose1175]

What if I wanted to make the square frames into a circle?

[@InsideTheSquare]

Great question! You can add a border-radius of 50% to any square sized image as long as you're using the correct selector.

[@jasongrange4376]

This goes over my head in about 15 seconds. I will need to find a video that assumes the fact I am completely unfamiliar with squarespace. This video assumes you have some familiarity with editing and working around the site.

[@InsideTheSquare]

Thanks for the feedback @jasongrange4376 - this tutorial is definitely for my more advanced users who already know the basics. If you are new to Squarespace, I would recommend starting with the beginner level support articles so you can understand how to use the program before you try to customize it: support.squarespace.com/hc/en-us/articles/206756327-Getting-started-with-your-Squarespace-website

[@jasongrange4376]

Thank you :-) @@InsideTheSquare