How can I correct the product information margin issue on my site?

How can I correct the product information margin issue on my site?

GustavoAlves
Excursionist
37 0 2

The buggy margin of the products is cutting the product information, does anyone know how to solve it?

website: www.colorluzes.com.br

 

GustavoAlves_1-1673054847398.png

 

 

Replies 4 (4)

Simonsron
Shopify Partner
699 87 122

 

.product-list .flickity-viewport{
height:auto !important;
}
.product-list .flickity-viewport .flickity-slider{
position:static !important;
display:flex:
}
.product-list .flickity-viewport .flickity-slider .product-item{
position:static !important;
}

 

you can try this.

Step1:online store -> edit code -> assets -> theme.css(theme.css.liquid)

Step2:Scroll to the bottom, and then paste the code above.

banned
GustavoAlves
Excursionist
37 0 2

this css didn't work friend @Simonsron 

 

Simonsron
Shopify Partner
699 87 122

You can rename a class name to implement this style without changing other styles.

banned

GustavoAlves
Excursionist
37 0 2

@GemPages Help me