Display arrow AND bullet controls for slideshow

Site URL: https://bison-gar-84by.squarespace.com/config/design

Is there a way to use both controls (arrows and bullets) for a gallery slideshow? The site hasn't been published. Let me know if you need the password to assist. 

Thanks! 

What is password?

REdesign2021

On 5/12/2021 at 12:43 AM, cortneyparsons said:

REdesign2021

Add to Design > Custom CSS

/* Show arrows dots */
.gallery-fullscreen-slideshow-bullet-nav {
    display: flex !important;
}

On 5/13/2021 at 4:08 AM, tuanphan said:

Add to Design > Custom CSS

/* Show arrows dots */
.gallery-fullscreen-slideshow-bullet-nav {
    display: flex !important;
}

Thank you! They're both displaying now but only the arrows are functional, which is fine. But is there a way to have the bullets fill to indicate the image being displayed? 

On 5/14/2021 at 11:11 PM, cortneyparsons said:

Thank you! They're both displaying now but only the arrows are functional, which is fine. But is there a way to have the bullets fill to indicate the image being displayed? 

You mean change dots color when it is active?

On 5/16/2021 at 2:58 AM, tuanphan said:

You mean change dots color when it is active?

Yes! 

On 5/13/2021 at 3:08 AM, tuanphan said:

/* Show arrows dots */
.gallery-fullscreen-slideshow-bullet-nav {
    display: flex !important;
}

Hi @tuanphan, 

I'm trying to recreate this on my site but this code doesn't seem to work. It might be because I'm not using a fullscreen slideshow.

Here is the site for reference: https://www.manerodrigues.com/work/alzhup

You have to scroll all the way to the synthesis portion. 

On 6/2/2022 at 9:49 AM, mnrdgz said:

Hi @tuanphan, 

I'm trying to recreate this on my site but this code doesn't seem to work. It might be because I'm not using a fullscreen slideshow.

 

Here is the site for reference: https://www.manerodrigues.com/work/alzhup

You have to scroll all the way to the synthesis portion. 

Slideshow Simple support Arrows + Thumbnails only

Hi @tuanphan, 

I've been searching for a way to replace the arrows on my slideshow simple (in gallery section) to bullets. Is there a CSS code that could help? Esp on the mobile, the arrows are appearing too close (left and right) to the image and I would rather have bullet controls below the image. 

https://toucan-rhombus-85w7.squarespace.com/gallery

AB123!

Thank you!

On 11/30/2022 at 1:23 AM, RKS said:

Hi @tuanphan, 

I've been searching for a way to replace the arrows on my slideshow simple (in gallery section) to bullets. Is there a CSS code that could help? Esp on the mobile, the arrows are appearing too close (left and right) to the image and I would rather have bullet controls below the image. 

https://toucan-rhombus-85w7.squarespace.com/gallery

AB123!

Thank you!

You mean change 2 arrows to 2 bullet? or add bullets under Image or?

I think change to bullets on mobile is not possible for Slideshow Gallery Section

@Tuanphan, thanks for looking into this...

I have decided to use List Section and now I would like to replace the arrows on List Section: Banner Slideshow and List Section: Carousel  with bullets...would there be a code that could help with this? Bullets would be my preferred option and if that's not possible, i'd just like to use the simple arrows like '>' and '<' instead of the --> and <-- that are there by default. Site: https://toucan-rhombus-85w7.squarespace.com/materialityofcolor 

Password: AB123!

Thanks!

On 12/3/2022 at 12:01 AM, RKS said:

@Tuanphan, thanks for looking into this...

I have decided to use List Section and now I would like to replace the arrows on List Section: Banner Slideshow and List Section: Carousel  with bullets...would there be a code that could help with this? Bullets would be my preferred option and if that's not possible, i'd just like to use the simple arrows like '>' and '<' instead of the --> and <-- that are there by default. Site: https://toucan-rhombus-85w7.squarespace.com/materialityofcolor 

Password: AB123!

Thanks!

You want e000 or e006 style?

https://tuanphan.squarespace.com/ss-ui-fonts?noredirect

pass: abc

I prefer to use e000 but I would like to reduce the weight of the arrow so that it is very fine...

Thank you!

On 12/5/2022 at 12:08 AM, RKS said:

I prefer to use e000 but I would like to reduce the weight of the arrow so that it is very fine...

Thank you!

Sorry for delay. No way to adjust these icon weight

How about these icons? (you can choose free icon & send me)

https://fontawesome.com/search?q=arrow&o=r

or if you have an image file of icon, we can use code to use it