Hello everyone. I’m trying to get multiple sliders running on one page, but I’m having problems styling each slider differently from the other.
The sliders have id’s slider1, slider2, and slider3 respectively. So when I try to style a section of slider2 differently, like:
#slider2 .anythingSlider-default.activeSlider .anythingWindow {}
it doesn’t work. Any ideas how to style multiple sliders on one page?
Current versions of AnythingSlider have a theme option which allows you to change the style for each slider on a page. Then for the css, just add that theme name to the outer wrapper: