Customize Image Slider

• 

  chiaraluber · Member · Nov 21, 2019 at 2:20 pm

  • Copy link
  • Add topic to favorites

  Hello,

  I set up a slideshow with a large number of images on my site. Unfortunately, the ‘big dots’ that allow to navigate faster from one image to another are too numerous and parasitize the image. How to modify the code for:

  – change the color to white so that they are invisible
  – Just hide them.

  Here is what I’m talking about :

  

  Thank you !

  The blog I need help with is: (visible only to logged in users)

• 

  staff-zinnia · Staff · Nov 21, 2019 at 2:53 pm

  • Copy link

  Good Morning –

  I’m happy to take a closer look. Can you send me a direct link to where the slideshow with the dots is located?

• 

  chiaraluber · Member · Nov 21, 2019 at 4:04 pm

  • Copy link

  Thank you very much for your reply !
  The slideshow is on this page :

  https://chiaraluber.wordpress.com/storyboard-art/

• 

  supernovia · Staff · Nov 21, 2019 at 7:40 pm

  • Copy link

  Hi @chiaraluber, thanks for that. I see what you mean on having too many dots… slideshows are generally designed to hold just a few images. There’s no built-in way to disable the navigation.

  You could hide them with the following CSS, but you will need a Premium plan for that:

  .wp-block-jetpack-slideshow .wp-block-jetpack-slideshow_pagination.swiper-pagination-bullets {
      display: none;
  }

  Otherwise, would you consider displaying the gallery in another way, or breaking the story into sections with shorter slideshows?