FROM CACHE - en_header

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

 

Accepted Solutions (2)

Accepted Solutions
JHKCreate
Shopify Partner
3467 625 883

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

View solution in original post

AlexEffron
Shopify Partner
2683 387 1050

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;
}
}

View solution in original post

Replies 3 (3)
JHKCreate
Shopify Partner
3467 625 883

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
AlexEffron
Shopify Partner
2683 387 1050

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;
}
}
syfqh95
Tourist
9 0 3

Hi @JHKCreate and @AlexEffron ,

Thank you for your help. Both code solves my problem 🙂🙂