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

Solved

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

apalacio
Excursionist
23 0 8

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

Website:  Mokai

Accepted Solution (1)

AvadaCommerce
Shopify Partner
3879 839 985

This is an 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.

banned

View solution in original post

Replies 4 (4)

MS_WEB_DESIGNER
Shopify Partner
695 52 135

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

banned

AvadaCommerce
Shopify Partner
3879 839 985

This is an 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.

banned
apalacio
Excursionist
23 0 8

Worked perfectly!  Thanks for being so helpful 🙂

Tina_CG
Tourist
6 0 1

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