How to make collage images sames size and in one column?

Store Design
, ,
1

Hello, I am trying to make my collage section same size. Now I have 2 images same size, 1 big. How can I make them all equal?

Example how it is now

my store url: www.cleanlaces.eu

Password: Sennder2022+

Screenshot 2023-02-22 at 15.24.54.png
Screenshot 2023-02-22 at 15.24.54.png3303×1677 524 KB

2

Hi @viliuskairys ,

This is Richard from PageFly - Landing page builder, I’d like to suggest this idea:
Step 1: Go to Online Store->Theme->Edit code
Step 2: Asset->/collage.css->paste below code at the bottom of the file:

@media screen and (min-width: 750px) {
.collage.collage--mobile {
    display: flex !important;
    gap: 0 !important;
    flex-wrap: wrap;
}
.collage__item {
    width: calc(100% / 3) !important;
}
}

I hope it would help you
Best regards,

Richard | PageFly

3

Thanks it worked great!

1 Like
4

Hey! Thanks for the help, however I see that it only changed this on desktop. On Mobile it’s the same. Can you help me change this on mobile as well?

5

Hi @viliuskairys ,

You can try replace previous my code by below code in collage.css file:

.collage.collage--mobile {
    display: flex !important;
    gap: 0 !important;
    flex-wrap: wrap;
}
.collage__item {
    width: calc(100% / 3) !important;
}

I hope it would help you
Best regards,

Richard | PageFly