Text overlay on autoplay slideshow

Hi,

I've just started building a site (I'm a novice - DIYing and have only built two other simple ones on 7.0) and have fallen at the first hurdle.

I'd really like an autoplay banner/slideshow at the top of the homepage with different text overlaying each image.

I've had a rummage through other posts but I'm struggling to make sense of the answers and suggestions. 

I tried adding the text to the images but I can't stop it from cropping off when in mobile view.

Any help very gratefully received!

https://whale-tetra-gfxs.squarespace.com/

Password: STFS23

Many thanks

@tuanphan That worked perfectly -thank you so much!

Kate

@tuanphan I'm really sorry - I changed the section and not the code doesn't work.

Do I just need to change the Section Id number? How do I find this?

Many thanks again!
Kate

22 hours ago, Duckers said:

@tuanphan I'm really sorry - I changed the section and not the code doesn't work.

Do I just need to change the Section Id number? How do I find this?

Many thanks again!
Kate

Change this

.user-items-list-item-container[data-section-id="64ae8c87193a6e24e16cd6bc"]

with data-section id, use this free tool to find id

https://chrome.google.com/webstore/detail/squarespace-id-finder/igjamfnifnkmecjidfbdipieoaeghcff

Hi again @tuanphan,

Thank you so much for your help. I got the section ID from the tool you recommended...

section[data-section-id="64d5ebc44d5a1013975590be"]

...but it's not working.

I'm not sure what I'm doing wrong - I just need an autoplay slideshow with different text on each picture! I see them on other peoples' websites all the time - I don't understand why it's so difficult?😢

Would it be better to do the manual slideshow with text and add code to make it autoplay? Rather than adding pictures with text already on them?

On 8/13/2023 at 1:06 PM, Duckers said:

Hi again @tuanphan,

Thank you so much for your help. I got the section ID from the tool you recommended...

section[data-section-id="64d5ebc44d5a1013975590be"]

...but it's not working.

I'm not sure what I'm doing wrong - I just need an autoplay slideshow with different text on each picture! I see them on other peoples' websites all the time - I don't understand why it's so difficult?😢

Which section are you referring to?

https://whale-tetra-gfxs.squarespace.com/

Or you mean top slideshow on Header? I see it is Gallery Slideshow, not List Section Slideshow

20 hours ago, tuanphan said:

Which section are you referring to?

https://whale-tetra-gfxs.squarespace.com/

Or you mean top slideshow on Header? I see it is Gallery Slideshow, not List Section Slideshow

Hi @tuanphan

Yes, the slideshow at the top with four pictures - Resilience, Integrity, Success & Empathy.

To be honest, I don't really understand the difference between a Gallery Slideshow and a List Section Slideshow!

Which is best to use here?

Thank you so much for your ongoing help!

On 8/16/2023 at 1:19 PM, Duckers said:

Hi @tuanphan

Yes, the slideshow at the top with four pictures - Resilience, Integrity, Success & Empathy.

To be honest, I don't really understand the difference between a Gallery Slideshow and a List Section Slideshow!

Which is best to use here?

Thank you so much for your ongoing help!

Above code for List Section Slideshow

When you add a section, you will see this

By default, with Gallery Section Slideshow - Text will be under Image

But List Slideshow - Text will be over image (overlay image)

Thank you for your continued help @tuanphan.

I followed your instructions and recreated the slideshow as a list, and changed the code to the new section id.

But it's still cropping the pictures when it's in mobile view, and now the slideshow doesn't autoplay.

What have I done wrong?

On 8/23/2023 at 5:36 AM, Duckers said:

Thank you for your continued help @tuanphan.

I followed your instructions and recreated the slideshow as a list, and changed the code to the new section id.

But it's still cropping the pictures when it's in mobile view, and now the slideshow doesn't autoplay.

What have I done wrong?

 

Can you share link to page where you added List? We can check it again easier