Fixed Image ratio on Product Carousel?

Hello Paul,
I hope you are doing well.

Actually, by default, you will not get this option. However, you can simply fix this issue by using some Custom CSS. Please use this Custom CSS given below –

.eael-product-carousel img {
height: 200px !important;
}

Note: You can change the height value according to your preference.

Please do check this doc to learn more about Custom CSS – https://essential-addons.com/elementor/docs/faq/apply-custom-css-elements/

Let me know how it goes.
Thank you

Hi Amit,

It works but it skews some of the images. Can we use a fixed ratio?

https://ibb.co/4Mg5njY

Update:

I was able to fix that

.eael-product-carousel img {
width: 100% !important;
object-fit: cover;
aspect-ratio: 1 / 1;
}

Hi @mgz069,

That’s great. Glad to know that your issue has been fixed. Thanks for your valuable update.

I am closing this topic as resolved. If you are facing any other issues you can create a separate topic or you can reach us here.

Thanks and have a good day!