I want to put a bullet navigation below the slideshow box, please tell me how to write the code if I need to write it using velo.
Thank you.
3 answers1 reply
Like
4 Comments
Unknown member
22h
In order to add bullet dot navigation below the slideshow box in the Pro Gallery, you can use the following code snippet in Velo: <style>.dot-nav { position: relative; margin: 0 auto; width: 100%; text-align: center; zoom:1; margin-top:20px;}.dot-nav.carousel-indicators li { display: inline-block; width: 11px; height: 11px; margin: 0 5px; padding:0; text-indent: -999px; cursor: pointer; border-radius: 8px; background-color: #fff; border:1px solid #3a3a3a;}.dot-nav.carousel-indicators .active { background-color: #000; border-color: #000; width:15px; height:15px;}</style><div class="dot-nav carousel-indicators">
In order to add bullet dot navigation below the slideshow box in the Pro Gallery, you can use the following code snippet in Velo: <style>.dot-nav { position: relative; margin: 0 auto; width: 100%; text-align: center; zoom:1; margin-top:20px;}.dot-nav.carousel-indicators li { display: inline-block; width: 11px; height: 11px; margin: 0 5px; padding:0; text-indent: -999px; cursor: pointer; border-radius: 8px; background-color: #fff; border:1px solid #3a3a3a;}.dot-nav.carousel-indicators .active { background-color: #000; border-color: #000; width:15px; height:15px;}</style><div class="dot-nav carousel-indicators">
Hi @Andrii Taran
Thank you,
I can change the design style of the arrows, but can I put dot navigation below the box as in this image?
hi @Eddie Tsubomi if we are talking about ready to use solution Wix Pro Gallery got, slideshow navigation arrows you can edit in the design tab:
thumbnails could be also a nice option:
in case you have Velo related questions, we can suggest you contact the Velo community on forum