Gymuso carousel title and price alignment

Namit
Tourist
13 0 2

Gymuso preview link: https://nh36vtk9v06foaf2-50357731495.shopifypreview.com/

 

The product title and prices in the carousel are too left alight I want to give them a bit of space. Please see the preview and you will notice that all products in the carousel under the banner are way to left aligned. 

Replies 4 (4)

ErSanjay
Shopify Partner
293 20 42

@Namit   You need to add a CSS

replace  CSS code  file  from  theme ->active theme ->  edit code -> asset/theme.scss find into the code and replace the padding 

 

.product-card__content {
    padding: 20px 10px 10px 10px;
}

ErSanjay_0-1609581507032.png

 

Business Owner & Shopify app developer - shopify consting - Full Stack Sofware Engineer
Er Sanjay
Namit
Tourist
13 0 2

I tried playing around with both of these but it did not work. Can I try something else?

 

 

.product-card__content {
display: table-cell;
vertical-align: top;
padding: 10px 10px 10px 10px;
width: calc(100% - 120px);
}

 

.product-card__content {
display: block;
padding-top: 10px;
@media (min-width: 1025px) {
padding-top: 10px;
}
}

ErSanjay
Shopify Partner
293 20 42

@Namit 

@media (min-width: 1025px)
.product-card__content {
    padding-top: 10px;
}



find this code and replace with  "padding-top:10px " to   padding: 00px 10px 10px 10px;  that it.


if you can do your self DM me store collaborate access 

Business Owner & Shopify app developer - shopify consting - Full Stack Sofware Engineer
Er Sanjay
Namit
Tourist
13 0 2

HI Sir

 

While this works well for the product price and title, what is happening is now there is a whitespace between the title and price and the price and the bottom of the box. 

 

Please see the preview and let me know if I can try anything?

 

https://nh36vtk9v06foaf2-50357731495.shopifypreview.com/