How To Keep Aspect Ration Of Inages In An Inage Carousel
Peter Hunkeler
Hi, This is the first time I'm trying to add an image carousell to a page. While it basically works, I can't seem to find out how to make the carousel keep image aspect ration on differenc devices. There can only see a height option, and this one seems to be in pixels, not percent. What am I missing?
Ziaul Kabir
Accepted AnswerHello Peter,
Thank you for reaching out to us!
When you set the height in the carousel, it applies to the entire carousel, not the images themselves. By default, the image height is set to 100%, so the images will adjust accordingly. If you don’t want to set a fixed height for the carousel, I recommend ensuring all your carousel images are the same height. This way, they will automatically be responsive without needing individual height adjustments.
Currently, to ensure a consistent layout, we have set a default height of 500px for the carousel items’ parent class. When you specify a height, it will override this default. If you’d like to remove it, you can apply custom CSS targeting this class with the !important to override the default styling.
Is there anything else I can assist you with?
Thanks,
Peter Hunkeler
Accepted AnswerHello Ziaul Thanks for responding. All my carousel images are the same height, and width. I'll have to look into this again, and see if I can find out what happens in detail.
Thanks
Ziaul Kabir
Accepted AnswerHi,
I haven’t heard back from you for a while. Could you please let me know if the issue has been resolved? We need to close this post soon.
Looking forward to your update.
Thanks,
Peter Hunkeler
Accepted AnswerHallo I have not looked into Image Carousels any further for the time being. Have been looking for other solutions. Go ahead a close the post