Text overlap on product image ( Venture Theme)

Solved
syfqh95
Tourist
9 0 3

Hi,

Any ideas to fix this? When a product card name has many text, it will overlap the image. I used Venture theme.

url: https://durianbikers.myshopify.com/collections/pinlock

Thank you.

syfqh95_0-1618215750075.png

 

JHKCreate
Shopify Partner
2538 417 603

This is an accepted solution.

Hi @syfqh95 

Add the following code to your theme.scss.css file at the bottom:

.product-card__image-wrapper {
    vertical-align: baseline!important;
}

 

Let me know if that solves it!

- Did we solve your issue? Like & Mark As Solution to help the community
- Should you need any direct help: contact@jhkcreate.com
- Learn more about us: jhkcreate.com

HardikDavra
Shopify Partner
2257 351 969

This is an accepted solution.

Please place this code at the end of theme.scss

.product-card__image-container {
  height: unset;
  margin-bottom: unset;
    position: relative;
}
.product-card__info {
    position: relative;
}
@media only screen and (min-width: 750px) {
.product-card {
    padding: 0px 25px;
}
}
PageFly - TOP5 in the Shopify app store. Learn More.

For fast Communication: Email: parambabla.soft@gmail.com | Whatsapp
syfqh95
Tourist
9 0 3

Hi @JHKCreate and @HardikDavra ,

Thank you for your help. Both code solves my problem