How to have product pictures same size

[YIVAN]

Hello,

Is there a way for me to make my products pictures all one size? I would like there to be two pictures per row.

Here is an example of what I want:

Here is what mine looks like:

URL:https://www.yivan.us/

Thank you

[BSSCommerce-TA]

Hi @YIVAN
you can try this way:

1. Online Store => Themes => edit code

2. search file “base.css” and scroll down to the bottom

3. paste this code:
   .product__media-list .product__media-item.is-active{
   max-width: calc(50% - var(–grid-desktop-horizontal-spacing) / 2)
   }

Result:

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you

[Made4uo-Ribe]

Hi @YIVAN

Check this one.

1. From you Admin page, go to Online Store > Themes
2. Select the theme you want to edit
3. Under the Asset folder, open the main.css(base.css, style.css or theme.css)
4. Then place the code below at the very bottom of the file

@media screen and (min-width: 990px) {
    .product:not(.product--columns) .product__media-list .product__media-item:first-child {
        width: unset;
        max-width: unset;
    }
}

And Save.

Result: