Awaiting an answer SP Page Builder

Image Carousel Image aspect ration

Asked by weratv 3 years ago Last activity 1 year ago

Hi!
We use with pleasure your SP Pgebuilder 3.8.10 on a Joomla 4.3.2 installation.
With the Image Carousel we want the same aspect ration of a Pic on all displays.
How to do this?

Example: All images i upload have the same pixel size and the same aspect ratio of 16:9.
When i look the carousel on my screen with resolution of 2550x1440px then everything is ok.
But when i look on a other PC with a different resolution, the the aspect ratio is not right and the images are pressed or stretched!
Somebody told me to use the Responsive Option in the advanced tab. But i don't found the Responsive Option.

Thank you for your quick answer

Chris

2 replies

Oldest first Newest first Most helpful
Pavel
3 years ago · edited

Hi. Image Carousel contains the wrong code from the box. But for some reason the team does not correct this for several years.

Here is the fix

.sppb-carousel-extended-item img {
    object-fit: contain;
}
weratv Asked this
3 years ago

Pavel, you are my hero of the day!
This is what i searched about!

Thank you very much

Chris

Mike Reinbacher
2 years ago

Dear Pavel,
where do I enter / edit the code?

Thanks in advance,
Mike

Pavel
2 years ago

Hi. Add / edit to the costom.css file. Read Helix doc about costom CSS

Mike Reinbacher
2 years ago

Thanks!

Mr Stuart Forrester
1 year ago

Hi Pavel,
Your solution still working in 2025!
Thank you ;)

vcfolom
1 year ago

Hi All

Addon: Image Carousel > Style> goto the bottom Custom CSS > paste Pavel's: it works, if you will --- even in June 2025 : - )

TQVM

Log in to reply.