How can I hide the slideshow controls ONLY when the style is set to 'Counter'?

[PCollect]

Hi! I've been searching the forum for various ways to hide the slideshow controls, but I haven't quite found what I'm after. The solutions I've seen so far are to hide the slideshow controls completely, but I want to hide them only when I set the style to 'Counter' - is this possible, and how would I do it?

My thinking is that if I can hide them only when that specific style is selected, it'll allow me to hide the controls on some slideshows but keep them on others. I don't like the way the Counter style looks, so I'm happy to sacrifice that option to hide the controls. I want to keep the auto-rotate working though, in case that makes a difference. 

I'm using Ride theme, and the site I need help with is: https://pearsoncollectables.co.uk

Thanks in advance!

[DrewOswald · Accepted solution]

Add this CSS to the Custom CSS area of that particular slideshow to hide the controls only for that slideshow:

.slideshow__controls {
  display: none;
}

[PCollect]

Oh wow, I didn't even know it was possible to do that on an individual basis - thank you so much, that's really great and has worked perfectly! A much simpler solution than I expected. 😊

[Alex485483]

Hi  I think I can help with that.  If you're still having issues, feel free to share more details.

 

[Dan-From-Ryviu]

Hi @PCollect 

You can do that by adding this code at the bottom of your base.css file

.slideshow__controls:has(.slider-counter--counter) { display: none !important; }

[Alex485483]

Yes sir I can do that 

[Alex485483]