Could someone help me? I want a second slideshow gallery with a different transition speed.

Site URL: https://www.americanvalues.com/

I am doing a project for someone and they have a slideshow on the home page and a second slideshow with quotes.

I know how to change the speed of slideshows in the Design>SiteStyles menu, but that controls the speed for both slideshows.

I was trying to write some CSS code to apply to only the section ID of the quote section that would slow the slideshow down. I have tried #sectionname { .Index-gallery {}}

and within this I have tried  transition-duration, transition-delay, animation-duration: 1000s etc. nothing seems to change it.

I have also tried attaching this to some of the other class styles and nothing seems to work.

I would appreciate any help that someone can provide.

Thank you.

On 9/29/2021 at 2:59 AM, kaj said:

Site URL: https://www.americanvalues.com/

I am doing a project for someone and they have a slideshow on the home page and a second slideshow with quotes.

I know how to change the speed of slideshows in the Design>SiteStyles menu, but that controls the speed for both slideshows.

I was trying to write some CSS code to apply to only the section ID of the quote section that would slow the slideshow down. I have tried #sectionname { .Index-gallery {}}

and within this I have tried  transition-duration, transition-delay, animation-duration: 1000s etc. nothing seems to change it.

I have also tried attaching this to some of the other class styles and nothing seems to work.

I would appreciate any help that someone can provide.

Thank you.

Hi,

You mean top slideshow in homepage?