Luca_
-
Posts
7 -
Joined
-
Last visited
Luca_'s Achievements
-
tuanphan reacted to a post in a topic:
Carousel equal Height with different aspect ratios
-
I just found a workaround, check my post:
-
FIT IMAGES INSIDE OF A HORIZONTAL CAROUSEL CONTAINER
Luca_ replied to Robertopatella's topic in Code Blocks
i just found a workaround, check my post: -
Carousel equal Height with different aspect ratios
Luca_ replied to Luca_'s topic in Customize with code
Ok, I found a workaround. With css I set horizontal images takes 2 columns so the aspect ratios are similar to original images (not the exact same). Just add some text in image alt section, I use "hr". Then, you have to play with columns number to make slide working correctly. In these example my images are 3:2 and 2:3. Here the code and image example: li:has(img[alt~="hr"]) { grid-column-start: 1 !important; grid-column-end: 3 !important; } .user-items-list-carousel__slides li, .user-items-list-carousel__media-container, .user-items-list-carousel__media-inner, .user-items-list-carousel__slides img { height:100% !important; object-fit:cover; border-radius:20px; //use this if you want round corners }
-
Carousel equal Height with different aspect ratios
Luca_ replied to Luca_'s topic in Customize with code
Thanks for the reply. That code scale up the height of horizontal images but i want to keep individual aspect ratios. I have attached some pictures to explain.
-
Hi, I want to build a corousel image gallery but when I upload images with different aspect ratio it keeps the same width and adapt the height. I want the opposite, same height and different width without cropping. I read other post but I had not find any solution. Is there any css code to do this? page: https://www.f85.it/works/jammingpark pw: F85website!!
-
same problem, did you find a solution?
-
FIT IMAGES INSIDE OF A HORIZONTAL CAROUSEL CONTAINER
Luca_ replied to Robertopatella's topic in Code Blocks
same problem, do you find a solution?
