Product Images Sticking Out of Borders

Solved

Product Images Sticking Out of Borders

StickerHubNZ
New Member
7 0 0

Hi team,

 

I’m working on my new store using the Ventures theme and I’ve made it show 3 products across instead of the default 2, however for some reason my product images are sticking out passed the borders and as you can see down the bottom there’s a space (it’s only showing 2 products per row on the last row) 

 

Store URL: http://www.stickerhub.co.nz

 

Problem:

 

IMG_5696.jpeg

Any help is greatly appreciated. Thank you very much! 

Accepted Solution (1)

Dan-From-Ryviu
Shopify Partner
8532 1682 1692

This is an accepted solution.

Hi @StickerHubNZ 

Please add this code to your theme.liquid file, after <head> in Online Store > Themes > Edit code to solve that issue 

<style>
.product-card__image img {
transform: scale(1) !important;
}
</style> 

- Helpful? Like and Accept solution to let me know or Buy me Coffee ❤️!
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Enjoy 1 month of Shopify for $1. Sign up now.

View solution in original post

Replies 6 (6)

JohnnyChen
Shopify Partner
5 0 0

I didn't see it happen in my browser, have you  fixed it already?

 

 

Shopify Developer
StickerHubNZ
New Member
7 0 0

Mobile only issue.

JohnnyChen
Shopify Partner
5 0 0

I see, add a overflow hidden css rule  on  the container would fix it

Shopify Developer

Dan-From-Ryviu
Shopify Partner
8532 1682 1692

This is an accepted solution.

Hi @StickerHubNZ 

Please add this code to your theme.liquid file, after <head> in Online Store > Themes > Edit code to solve that issue 

<style>
.product-card__image img {
transform: scale(1) !important;
}
</style> 

- Helpful? Like and Accept solution to let me know or Buy me Coffee ❤️!
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Enjoy 1 month of Shopify for $1. Sign up now.

StickerHubNZ
New Member
7 0 0

Thank you yet again @Dan-From-Ryviu 

 

Do you know why it is only showing two across instead of three on the bottom row on mobile? 🙂

 

Photo 21-06-2024, 4 28 53 PM.png

StickerHubNZ
New Member
7 0 0

Hi Dan,

 

Is there any way to make my product images slightly bigger? (Not physical size) but zoomed in a little? They are quite hard to see at the moment.