Not working with Meta Slider

@rkleemann – you will need to use the extra selector field under click open settings. This field accepts any valid CSS selector or multiple separated by comma.

So you will need to inspect the classes and ids applied to the element you want it to work on and write a CSS selector to match it.

Hope that helps.

Hi Daniel

I forgot to mention, I am using this. This was working with another slider plugin, but with Meta Slider it isn’t.

I have an alt selector setup with the image of the slider in order to trigger the click open. This setting works on the other slideshow plugin I was using. But for some reason, Meta Slider only works if I use the CSS class – but has the side effect that even clicking on the navigation arrow, the popup goes up.

Anyway the same alt selector that is working with the Slideshows plugin doesn’t work with Meta Slider

@rkleemann – You misunderstood :). The Click Open Settings -> Extra Selector can accept pure CSS selectors #slider_123 .slide-1 .right-column img for instance.

That means that you don’t have to change any settings or add any classes on the slider at all. You simply need to right click the element you want and click inspect element in google chrome. From there look at the CSS id and classes of the elements that contain your desired element. Write a css selector that starts at the parent slider div which should have a unique ID you can use such as #slider-123, then drill back down adding as few or as many selectors as you need to only target what you like.

Hope that helps. Try this guide as well: https://www.sitepoint.com/web-foundations/css-selectors/