Blog hero images are inconsistent after Prestige Theme Update

Shopify Discussion
1

The images in my collection and blog modules aren’t automatically resizing like they used to. I now have to crop them to a specific size to maintain consistency. For example, in my “Must-Have Items” module, I had to recrop all three images to ensure they looked cohesive. In the past, I could upload any image size, and they would automatically adjust to 300x300. This new template setting is quite time-consuming. Any advice or feedback on how to fix this?

2

The solution is actually pretty simple - you just need to add a bit of CSS to make the images behave like they used to.

/* Just add this to your custom CSS */
.collection-image img,
.blog-image img {
  width: 300px;
  height: 300px;
  object-fit: cover;
}

I’m not sure if those selectors are correct for your theme - could you send a link to your store and a screnshot of where this should be applying? That way I can give you the exact CSS code that will work for your store.

Just add that bit of CSS in your theme customizer under the custom CSS section (it’s usually hidden at the bottom somewhere :sweat_smile: ). It’ll make your images automatically resize to 300x300 without messing up their proportions. No more manual cropping needed!