Image Carousel Image Aspect Ration - Question | JoomShaper
🎃 Halloween Sale is Live! Get 35% OFF on all plans. Sale ends soon! Get Offer

Image Carousel Image Aspect Ration

W

weratv

SP Page Builder 2 years 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

0
9 Answers
Pavel
Pavel
Accepted Answer
2 years ago #120969

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;
}
0
W
weratv
Accepted Answer
2 years ago #121030

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

Thank you very much

Chris

0
Pavel
Pavel
Accepted Answer
2 years ago #121105

You are welcome

0
MR
Mike Reinbacher
Accepted Answer
1 year ago #138773

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

Thanks in advance, Mike

0
Pavel
Pavel
Accepted Answer
1 year ago #138811

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

0
MR
Mike Reinbacher
Accepted Answer
1 year ago #138954

Thanks!

0
Mr Stuart Forrester
Mr Stuart Forrester
Accepted Answer
5 months ago #194279

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

0
V
vcfolom
Accepted Answer
4 months ago #195919

Hi All

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

TQVM

0
Rashida Rahman
Rashida Rahman
Accepted Answer
Support Agent 2 years ago #120976

Hi there!

Thanks Pavel for helping him.

Here are some if they help: https://prnt.sc/pKuUrIhFiOKW

https://prnt.sc/-x80rDF71g3d

The following blog post may help for responsive columns:

https://www.joomshaper.com/blog/make-your-columns-responsive-in-sp-page-builder-4

Best Regards

0