"Remove Transition Dots on Carousel & Sliders" (#1502224) / ThemeNectar

landonhanser started the conversation
March 13, 2018 at 3:33pm
I'm looking to remove the transition dots on ALL carousels and sliders on this page: http://www.brandmemd.com/business-2-landing/
On Image Gallery(Flickity) https://www.screencast.com/t/K6gx6xh53Sae
On Testimonial Carousel(Flickity) https://www.screencast.com/t/JdMFA8tC8
On Team Member Carousel(Flickity) https://www.screencast.com/t/SrO4fHYcHa
2,734
Andrew replied
March 14, 2018 at 11:00am
Hi there,
Could you use the following CSS:
ol.flickity-page-dots{ display:none; }
Add it to salient \ general settings - css script related - custom css code.
Hope this helps.
1 Like
landonhanser replied
March 14, 2018 at 1:34pm
This did the trick but disabled the "Autorotate" ...
Is it possible to keep Autorotate active while hiding the transition dots?
2,734
Andrew replied
March 14, 2018 at 9:20pm
Hi there,
I do not think the CSS can do that.
Are you sure the CSS is the cause - did remove it to see the difference?
You can also use this one that hides the dots:
ol.flickity-page-dots { visibility: hidden; }
but first make sure the CSS is the cause of the autorotate not happening.
Thanks.
1 Like