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

[apalacio]

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?

Website:  Mokai

[MS_WEB_DESIGNER]

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

[AvadaCommerce · Accepted solution]

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.

[apalacio]

Worked perfectly!  Thanks for being so helpful 🙂

[Tina_CG]

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