How to resize blog images on the Dawn theme?

Store Design
1

Hi all,

I’ve migrated from debut to dawn theme, but I’m now struggling with the layout on the main blog page.

The 1st and 4th images are huge, and the ones in the middle of those are also quite big. I’d like to reduce the 1st and 4th image size by at least 50% and the others by 20%.

I feel like surely this should be a theme setting and not custom code but can’t work it out at all.

Here’s my blog main page link: https://wildclouds.com/blogs/news

Appreciate any help.

Thanks!

2

@FrannyC , do this to fix it in 20 seconds:

  1. In your Shopify Admin go to: online store > themes > actions > edit code
  2. Find Asset > base**.css** and paste this at the bottom of the file:
.blog-articles--collage>*:nth-child(3n + 1), .blog-articles--collage>*:nth-child(3n + 2):last-child{
    grid-column: unset !important;
}

diego_ezfy_0-1658171910597.png
diego_ezfy_0-1658171910597.png1407×848 334 KB

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

Thank you.

Kind regards,
Diego

3

Thank you for the code. I tried it however didn’t notice any difference in my photos for the blog collages. What part of the code should I try changing to resize? I’ve changed code for photos on products and blog post media so far and the code always head a % I could adjust to my liking.