Solved

Reduce padding of the title product and the image.

DigitalFeeler
Tourist
5 0 0

Hi everyone, Someone can help me to insert code in theme.ccs to reduce the pading of the title product and the image product in the collection page?

 Screenshot 

 

Thank you in advance.

Accepted Solution (1)
Rajameltine
Explorer
59 4 3

This is an accepted solution.

Hi ! Bonjour, comment ça va ?

You need CSS code. A sample example :

.grid-product__meta {
    position: relative;
    display: block;
    padding: 13px 0;
    margin-top: -35px;
}

Put in theme.liquid(see doc)

Need fastly help, contact me : https://freelancerajameltine.000webhostapp.com/
Besoin d'aide rapidement, faites appel à moi : https://freelancerajameltine.000webhostapp.com/
Email: rajameltine@gmail.com

View solution in original post

Replies 6 (6)

LetsCode
Shopify Partner
116 13 20

Please share the URL if possible

 

If helpful then please Like and Mark as Accepted Solution.
Thanks,
Vikash Kumar Jangir
DigitalFeeler
Tourist
5 0 0
LetsCode
Shopify Partner
116 13 20

As i understand you need like this https://prnt.sc/vruwbh

If helpful then please Like and Mark as Accepted Solution.
Thanks,
Vikash Kumar Jangir
DigitalFeeler
Tourist
5 0 0

Yes, exactly like that. If you help me I will be very thankful.

Rajameltine
Explorer
59 4 3

This is an accepted solution.

Hi ! Bonjour, comment ça va ?

You need CSS code. A sample example :

.grid-product__meta {
    position: relative;
    display: block;
    padding: 13px 0;
    margin-top: -35px;
}

Put in theme.liquid(see doc)

Need fastly help, contact me : https://freelancerajameltine.000webhostapp.com/
Besoin d'aide rapidement, faites appel à moi : https://freelancerajameltine.000webhostapp.com/
Email: rajameltine@gmail.com
DigitalFeeler
Tourist
5 0 0

Thank you so much!