Portfolio slideshow: simple with thumbnails : Can we stop the thumbnails moving left to right? Thumbnails centred would be good....

Site URL: https://daisy-tarpon-72er.squarespace.com/portfolio/new-build

I would like the thumbnails on the portfolio sub-page slideshow:simple to remain static.  

It currently moves the selected thumbnail image to the centre which is quite annoying...Is this stop-able?

Try the page link above for an example of what is happening...

PW Help123

Thanks

Hi. YOu can edit Slideshow >> Disable Autoplay.

@tuanphan thanks but the slideshow simple doesn't autoplay?

14 hours ago, feefee1 said:

@tuanphan thanks but the slideshow simple doesn't autoplay?

You mean this problem?

13 hours ago, tuanphan said:

You mean this problem?

Yes, @tuanphan that's the issue - moving thumbnails....

On 4/19/2021 at 9:05 PM, feefee1 said:

Yes, @tuanphan that's the issue - moving thumbnails....

Try adding this to Design > Custom CSS

/* align center gallery thumbnails */
.gallery-slideshow-thumbnails {
    display: flex !important;
    justify-content: space-between !important;
}

Thanks @tuanphan but that doesn't work .... I'd like the thumbnails to be static and when you click them the choose image is show in the big box above....

Thanks

I'm having the same issue.  I want the first image always align on the left side

On 10/20/2022 at 8:47 AM, JoeNguyen said:

I'm having the same issue.  I want the first image always align on the left side

 

 

Can you share link to page in screenshot? We can take a look

5 minutes ago, tuanphan said:

Can you share link to page in screenshot? We can take a look

@tuanphan

https://www.urbanxhome.com/past-projects/3037-westfall-pl-falls-church

I'm having the same issue.  I want the first image always align on the left side

On 10/20/2022 at 8:47 AM, JoeNguyen said:

I'm having the same issue.  I want the first image always align on the left side

 

 

Add to Design > Custom CSS

.gallery-slideshow-thumbnails {
    margin-left: 0 !important;
}

22 hours ago, tuanphan said:

Add to Design > Custom CSS

.gallery-slideshow-thumbnails {
    margin-left: 0 !important;
}

Thanks @tuanphan! but it still does not work. If you click the right arrow you will see the first image shifts to the right.

22 hours ago, tuanphan said:

Add to Design > Custom CSS

.gallery-slideshow-thumbnails {
    margin-left: 0 !important;
}

Thanks  @tuanphan! but it still does not work. If you click the right arrow you will see the first image shifts to the right.

 

when you click the right arrow on the image, you will see the thumbnail does not move to the right like this website

https://www.ccottages.com/813-n-cleveland-st-arlington

On 10/23/2022 at 6:53 PM, JoeNguyen said:

when you click the right arrow on the image, you will see the thumbnail does not move to the right like this website

 

https://www.ccottages.com/813-n-cleveland-st-arlington

The link doesn't exist