How to vertically align images in the image gallery on product page

Does anyone know how I can align the images on product page gallery so they are all centered vertically?

Product url example is: https://rsabventures.com/collections/new-items/products/aries-a-411-heavy-duty-16-gauge-agc-in-line-fuse-holder-w-3-amp-fuse

Any help or advice is appreciated.

Thank you,

Brad

  • Please follow these steps:

  • Then find the style.css file.

  • Then add the following code:

.grid-view-item__image-wrapper img, .product-single__photo--has-thumbnails figure img {
 object-fit: fill;
}
  • Then press ‘Save’ to save the code.

  • Here is the result you will achieve:

Good luck! If you find this answer helpful, please press ‘Like’ and mark it as ‘Solution’. Thank you.

It didnt work. They are the same.

Here is what they still look like to me.