How can I resize Dawn theme collage images for multiple rows?

Hello, I like the layout of the collage with 1 large item and 2 small items I would like to make the images smaller so that 2-3 collages could fit on the same row. Any help would be much appreciated.

Thank you

Hi @Miendoor ,

Please send your site and if your site is password protected, please send me the password. I will check it.

https://broaderimage.com/password

lisa is the password

Hi @Miendoor ,

Are you wanting this?

Go to Assets > base.css and paste this at the bottom of the file:

@media screen and (min-width: 750px) {
	.collage {
		grid-template-columns: 2fr 1fr 1fr !important;
	}
	.collage .collage__item {
		grid-row: 1/ 3 !important;
	}
}

Hope it helps!

I wanted the image on the left that size but the other two images on the right half that size and stacked so they are the same height as the image on the left and I would like 2-3 collages on the same row

Thanks

Hi @Miendoor ,

You mean this?

Yes, that’s it can 2-3 collages be on the same row?

Thank you

@Miendoor

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. In your theme.liquid file, find the (press CTRL + F or command + F on Mac)
  3. paste this code right above the tag:

If it helps you please click on the “like” button and mark this answer as a solution!

Thank you.

Kind regards,
Diego

I’m sorry that did not work.

Thank you

Hi @Miendoor ,

I checked and it works fine, did you solve it?

Which solution because I tried both do I leave in both solutions?

Thanks

Hi @Miendoor ,

Is this not what you want?

Yes the format is correct, but when modify the code the images are still large, I want to be able to put 2-3 collages in the same row. Please provide all the modifications in 1 log please.

Thank you in advance

I would like the collage in the Dawn theme to display 3 smaller collages similar to this.

Help would be much appreciated, thank you.