How to add padding to collection section

Highlighted
New Member
7 0 0

Hi there,

I would like to get some help on spacing on Collection section. I am currently using a Flow Theme and trying to figure out how to add padding between section and also on top of the text box? Please see the attached screenshot.

Group 19.jpg

Thanks,

Yeri

0 Likes
Highlighted

Hello,
Add this css at the bottom of
Online Store->Theme->Edit code->Assets->theme-index.min.css.liquid

#shopify-section-16045731084047a591 .grid-item__content {
    padding-top: 20px;
}
#shopify-section-image--gallery-0 {
    padding-top: 50px;
}
Want to modify or incorporate custom changes on store, Hire us
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
0 Likes
Highlighted
New Member
7 0 0

Hi there,

Thank you so much for your reply.

I worked perfectly for first section, however it didn't work for the section below. How do I apply the exact same padding to the section below to make it consistent?

Group 21.jpg

 

Thanks,

0 Likes
Highlighted

Add this css

#shopify-section-image--gallery-0 .grid-item__content {
    padding-top: 20px;
}
#shopify-section-16045733646e3444ee {
    padding-top: 50px;
}
Want to modify or incorporate custom changes on store, Hire us
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
0 Likes