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

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

1 Like

@FreewayBearing

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

Hi @FreewayBearing ,

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

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

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!

2 Likes

Thank you, this works.

1 Like

@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.

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.

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.

1 Like

@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

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

1 Like

@Odell_Creations

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

1 Like

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

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

until i found your response

Thanks a lot :slightly_smiling_face:

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