How to shrink Collage Block Size? [Dawn Theme 6.0.2]

[FreewayBearing]

I currently have set up a shopify store using the "Dawn" Template (The most recent version). For some reason it does not give me an option to shrink the size of the 'collage' block (picture attached). I am trying to shorten the length so it all fits on to one page when you look at it in full screen mode. It is currently quite a bit longer than a full page when viewing it. Any feedback would be appreciated. 

Preview Link: https://freewaybearings.com/?_ab=0&_fd=0&_sc=1

@Holly @Niraj_singh 

[KetanKumar]

@FreewayBearing 

oh sorry your current theme Supply theme not a Dawn please share Dawn theme your store url

[FreewayBearing]

Sorry I attached the wrong URL. Here is the new one: https://rf3tsimv0f55qltc-3456677.shopifypreview.com

It is the 'flange bearing' and 'skateboard bearing' collage.'

@KetanKumar @LitCommerce 

[LitCommerce · Accepted solution]

Hi @FreewayBearing,

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

.collage__item .card__inner {
	--ratio-percent: 50% !important;
}
.collage__item .card__inner .media {
	background: #fff;
}
.collage__item .card__inner .media img{
	height: 100% !important;
    width: auto !important;
    margin: 0 auto !important;
    right: 0 !important;
}

Hope it helps!

[FreewayBearing]

Thank you, this works.

[FreewayBearing]

@LitCommerce 

Just one more quick question. If I were to add additional Collages, is there a way for me to add to the code so they are all the same size. I quickly tried adding a new one and it seems to revert back to the larger sizing. Thank you.

[MLG0810]

hi. just want to check if there is a code correction or adjustment to make coz tried this and it works but the image is a little off - the text is not properly in line, the label is not within the image so i presume this has something to do with the right and left padding? if you can help please - link here.

[Odell_Creations]

this resizes the entire collage card.  How can I resize only the large image of the three?  This changes aspect ratio and doesn't work with my photos.  I would need to change images to make it fit the aspect.  I want to leave the two smaller images native and shrink the larger image.

[KetanKumar]

@Odell_Creations 

oh sorry for that issue can you please share your store url and issue image so i will check and let you know 

[Odell_Creations]

https://odellcreations.com  first large image on the left.  Only one collage on the homepage.

[KetanKumar]

@Odell_Creations 

oh sorry any issue can you please share more details what do you want exactly  

[Mellzo1]

Hi,Ive got the same issue however ive increased the collage block from 3 to 5 and the last 2 seem to be extra large. I wanted 4 blocks to be the same size (small square) and the 1st block to be the large image. could you help me with code? url - www.moelabeauty.co.uk

[abdelhameedqotb]

Hi ... Thank you !! i had this issue as well ... tried several solutions but did not work

until i found your response 

Thanks a lot 🙂 

[Eliuk]

will this work for Taste theme as well? if not, what should I do? Thank you.

[LitCommerce]

Hi @FreewayBearing,

Please send me the preview link, I will help you check it