Slider images cut off in FireFox

Hi jrotem

This appears to be an image size issue. You can try reducing the size of your image, or provide some spacing on the sides of the image to ensure it will display properly in any browser.

Thank you

Pete

Hmm, then why would it not happen the same way on the Virtue demo in FF? I used your slider’s specs. Thank you.

Oh sorry, thought you were the fellow from the theme. Anyway, I used the default dimensions and am not see this behavior in FF on the demo.

I’m sorry, I am not the creator of this theme. It was merely a suggestion to help solve your issue.

Thank you

Pete

Hmm one of those strange firefox issues, add this to your custom css box in the theme options.

.carousel_gallery_item {
    table-layout: fixed;
}

And you may want to use the flex slider since all your images are the same size.

Kadence Themes

Thank you! the css worked, but Flex messed it up again so I went back to carousel.

With the flex slider, it crops images to the max width and height so if you have images with text then you need to make sure they are the same ratio as your max width and max height.

Kadence Themes

The text on my slides are part of the graphic, ie, no added slider test.

That was my point, Sorry trying to be clear… because you don’t want to lose any of your image you need to make sure the max width and max height (in the slider settings) are the same image ratio as your images.

So if you images are 1170 x 450 but you only want them to be 1000px wide then you don’t want the height to be 450 else your images will be cropped to 1000 x 450
losing part of your image off the sides.

To finish the example. with images that are 1170 x 450 and you want them to show as 1000px wide then set the height to 385 so the ratio matches and you don’t lose any image.

This all pertains to the flexslider.. you can carry on with the carousel slider if you wish.

Kadence Themes