Image Carousel Distorts Images
Petr Benes
Hi, the Image Carousel addon distorts images, the aspect ratio of images in the carousel is changed, so the images are distorted on different screen sizes.
Live site: https://soucitnysvet.cz/
But the same is in you demos: https://www.joomshaper.com/page-builder/blocks
Simply resize the width of browser window and see how the images destroys.
The aspect ratio of images should never be changed.
I reported this issue almost two years ago, but it's still not fixed. https://www.joomshaper.com/forum/question/13863
Thanks, Petr
Rashida Rahman
Accepted AnswerHi there!
Sorry for your experience.
Please use the following code in your custom CSS:
.sppb-carousel-extended-item img {
object-fit: contain;
}This should keep your image aspect ration same for all device screens.
Here is all about custom code placement in Helix Ultimate: https://www.joomshaper.com/documentation/helix-framework/custom-code-css-js-meta
Kindly, do let me know if it helps!
Best Regards