How to make all blog images the same width and height?

Store Design

Topic summary

A user’s blog page displays images with inconsistent dimensions, creating a visually uneven layout.

Solutions Provided:

Two experts offered identical CSS fixes:

  • Navigate to Online Store → Theme → Edit code
  • Open Assets → theme.css
  • Add CSS code at the bottom targeting .features--image-zoom .image-zoom img or .article-item img
  • Set uniform dimensions (width: 100%, height: 250px or 280px) with object-fit: cover

Outcome:

The original poster confirmed the solution worked perfectly. However, another user later reported the same issue and mentioned the CSS code didn’t produce visible results for them, indicating potential theme-specific variations or implementation challenges.

Summarized with AI on November 19. AI used: claude-sonnet-4-5-20250929.
1

Hello!

When I look at my blogs page, each image has a different height a width. Is there any way to force all blog images to have the same width and height so that there is consistency in the page?

Screen Shot 2022-03-29 at 8.49.41 AM.png
Screen Shot 2022-03-29 at 8.49.41 AM.png2880×1250 444 KB

Website: Mokai

2

Hi @apalacio ,

I am Ani From https://www.task4store.com/ - Shopify Small & Custom Tasks Experts ( By MS Web Designer - Top Rated Shopify Certified Experts and eCommerce Consultant from Singapore )

Here are the Solutions!

Go to Online Store->Theme->Edit code

Asset->/theme.css ->paste the below code at the bottom of the file.

.features--image-zoom .image-zoom img {
    height: 250px;
}

If you have any concerns feel free to ask me!

Regards,
Ani

3

Hi @apalacio ,

You can follow the instruction below:

  1. Go to Online Store->Theme->Edit code
  2. Asset->/theme.css->paste below code at the bottom of the file:
.features--image-zoom .article-item img {
    width: 100%;
    height: 280px;
    object-fit: cover;
}

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

4

Worked perfectly! Thanks for being so helpful :slightly_smiling_face:

5

Hi, I am facing the same problem. I just posted the code you mentioned but I don’t see any chances. Could you please help me