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

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

Brad38
New Member
8 0 0

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-...

 

Any help or advice is appreciated.

 

Thank you,

Brad

Replies 2 (2)

BSS-TekLabs
Shopify Partner
2350 701 826

- Please follow these steps: 

step.png

- 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:

BssTekLabs_0-1718443927643.png

 

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

 

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


Salepify: Efficiently increase sales conversion with sale-driven features like auto add to cart, free gifts (free plan available)


Salemate: Boost your AVO with 2-layer offer, countdown upsell in your post purchase page


BSS Commerce - Full-service eCommerce Agency | Use Shopify for 1$ in the first month now
Brad38
New Member
8 0 0

It didnt work. They are the same. 

Here is what they still look like to me.

 

Screenshot (2040).pngScreenshot (2041).pngScreenshot (2042).png