Jump to content

Replacing gallery carousel and list carousel arrows with dots on desktop and mobile

Recommended Posts

I've been trying to figure this out on my own but have finally caved. Haha

I currently have arrows on my carousel gallery and find they keep getting in the way visually. I want to replace them with a series of dots at the bottom of the gallery. Is this even possible? 

The first attached image shows how it looks on the desktop currently and how I'd like to change it. The second shows how it'd like it to look on mobile. I would like to affect both of these pages:

https://www.aldencreative.com/spaces

https://www.aldencreative.com/things

I also have a similar issue with my testimonials. The third attached image shows how my testimonials currently look on a desktop. I have six list items (this may change) that I scroll through. If possible, I'd like the dots to be two for desktop so it shifts through three testimonials at a time. If that's not possible I would need to show 6 dots I suppose? For mobile (4th image) it only has room to show one testimonial at a time so 6 dots would be needed here. 

This should pertain to my home page:

https://www.aldencreative.com/

I so appreciate any help y'all can lend, thanks in advance! 🙂

Ryan

shot 1.jpg

shot 2.jpg

shot3.jpg

shot 4.jpg

Link to comment
  • Replies 0
  • Views 1k
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Posted Images

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.