Hi there,
Having an issue with an inline slider cutting off the 3 images it is set to display and at times displaying more slides than it’s meant to.
I have added the following css but it doesn’t seem to resolve it:
.x-slide-container-content {
overflow: hidden;
}
Basically when viewed inside the Cornerstone editor, the slides look fine as pictured here:
But when viewed live, they start cutting off on larger screen sizes and also stretch to fill the full height of the slide container instead of centering as in the pic above. Here’s what that looks like live:
When viewed live it also sometimes displays half of the 4th slide:
I’m using an inline slider with a looper to grab feature images from a series of custom posts:
I’m guessing this is an issue of the height/width settings of the image in the slide but haven’t been able to sort it. The div width is set to auto and the image width is set to 100% with a max height of 275px.
Appreciate any advice to resolve.