How can I resize images for a collage on the Dawn theme?

[DaliaHawley]

Hi, I am trying to resize the images in the collage for the home page. I would ideally like them all a bit smaller and the same size. Please can you advise? Thanks.

https://daliabotanique.co.uk/ 

[KetanKumar · Accepted solution]

@DaliaHawley 

now image resize as per ration make sure image size 1024x1024

[KetanKumar · Accepted solution]

@DaliaHawley 

now image resize as per ration make sure image size 1024x1024

[AvadaCommerce · Accepted solution]

Hi @DaliaHawley ,

You can follow the instruction below:

1. Go to Online Store->Theme->Edit code
2. Asset->/collage.css->paste below code at the bottom of the file:

@media (min-width: 310px) {
    .collage__item--left:nth-child(3n - 2) {
        grid-column: 1 !important;
        grid-row: 1 !important;
    }
    .collage__item--left:nth-child(3n - 1), 
    .collage__item--left:nth-child(3n) {
        grid-column-start: unset !important;
    }
}

If you feel like my answer is helpful, please mark it as a SOLUTION. Let me know if you have any further questions.

[DaliaHawley]

That's amazing, thank you so much!

[KetanKumar]

@DaliaHawley 

its my pleasure to help us 

[NickS12]

I have a similar question @AvadaCommerce  - how would I need to modify the code to make the main picture smaller but still larger than the others? Thank you for your help! 

[KetanKumar]

@NickS12 

sorry for that issue can you please send store url 

[NickS12]

Hi, 

it is iweardoyou.net. Thanks!

[KetanKumar]

@NickS12 

can you show me section where did you that issue?

[Nishan_19]

Hi, i know this is an old solution however this was perfect but now the height of my image is too large, how do I just target the height?

[NancyL]

I have the same issue. Were you able to solve it?

[surfer707]

Hi Avada,

I tried the code but the image in the middle of Our Collections (Collage) got cut off so it needs to be adjusted. How do I do that?

https://colostrumprime.com/

Thanks

[kannysocool]

i want the images in square, can you help me? 

[PrettyYoungMogu]

Thank you, worked great!