Kadence Slider Pro custom class possible?

[Josh]

Josh

April 18, 2019 at 12:02 pm

Greetings!

I’m using Kadence Slider Pro with the Astra theme. I’ve opted for Fullwdith slider design (overriding width/height px value).

On page load, the slider appears fullwidth as it should. However, when I change screen orientation (adjust page width responsively), the slider images suddenly change from fullwidth (nav arrows within image container) to the left arrow being outside the image container. Does that make sense?

If I view the slider on a mobile phone and change from portrait to landscape, the left arrow of the slider pushes the image content to the right of the arrow.

I was able to solve this temporarily by adding the following CSS to my child theme stylesheet:
ul {margin-left: 0px;}

However, this is a global command, so bullet lists within posts which utilize “ul” now display too far to the left of the page.

Is there any way to add a custom class or ID to the Kadence Slider that can target it’s “ul” without affecting the rest of the website?

Thanks!
Josh