Remove padding (reduce white space) between slideshow and collection

pawsandco
Tourist
4 0 3

We would like to move up the Collection section closer to our Slideshow - so that you can see part of the row of our products below the slideshow on the homepage.

We have the Debut theme.

Any help would be appreciated! Thank you!

https://pawsandcodogchews.com/

Replies 5 (5)

Nick_Marketing
Shopify Partner
1487 336 462

To decrease the padding between collections and slideshow. Add this code to the bottom of theme.css

 

#shopify-section-collection.index-section {
  padding-top: 0;
}

 

Nick | Ecommerce & Marketing Technology Consultant | Toronto, CANADA
- For consulting work availability, please send me a Private Message or submit a ✍️Contact Form.
- For FREE Shopify Tutorials, Subscribe to my YouTube channel (▶️ Ecommerce TV).
pawsandco
Tourist
4 0 3

This worked! Thank you.

dmwwebartisan
Shopify Partner
12280 2546 3694

@pawsandco 

If helpful then please Like and Accept Solution

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com |  Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | #1 Product Filter & Search app on Shopify | The most powerful Shopify page builder app

KetanKumar
Shopify Partner
36839 3635 11972

@pawsandco 

sorry for that issue try this code

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.css ->paste below code at the bottom of the file.

@media only screen and (min-width: 750px) {
.index-section {
padding-bottom: 0;
}
}

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing

dmwwebartisan
Shopify Partner
12280 2546 3694

@pawsandco 

Please add the following code at the bottom of your assets/theme.css file.

#shopify-section-collection {
  padding-top: 0;
}

Hope this works.

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com |  Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | #1 Product Filter & Search app on Shopify | The most powerful Shopify page builder app