How can I standardize image size for blog posts and product photos?

Hi! The search image results are showing up with a different image size for blog posts vs product photos. I would love your helps getting them the same size.

I have attached a photo below for reference.

My website is www.OneBlushingBride.net

@Alisha_Jemelian ,

Hi Aisha…

As I can see the images are coming by default as original sizes. you can not modification for size with CSS.

For this customization you need to hire the developer. I can can be done by customization ie condition in liquid file for search page only.

Definitely we will help your for this issue, Its a time consuming task.

You can directly get connected with me via email.

we can discuss there.

Hi @Alisha_Jemelian ,

Go to Assets > base.css and paste this at the bottom of the file:

.template-search__results .card__inner.ratio {
    --ratio-percent: 100% !important;
}

Hope it helps!

1 Like

Oh goodness, it worked! You are brilliant! They show up uniformly now. Is there any way to get the images to show up in portrait rather than as a square?

Hi @Alisha_Jemelian ,

Please change code:

If it helped you solve your issue, please mark it as a solution. Thank you and good luck.

1 Like