How to adjust the space on the Debut Light theme?

Store Design
1

Hi, dear all.

I have added an image with custom HTML to the homepage. But the space of the top and bottom is too wider.

Could you please guide me on how to adjust that space? I also want to adjust the space of the button “VIEW ALL”.

Much thanks.

20211220162814.png
20211220162814.png1285×523 100 KB

20211220162843.png
20211220162843.png1173×326 20.1 KB

2

Hello There,

Please share your store URL and password.
So that I will check and let you know the exact solution here.

3

@ZestardTech Hi, thanks for your response. URL is www.dancewithink.co and no password needed. Much thanks.

4
  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. Find Asset > theme.min.css and paste this at the bottom of the file:
.index-section {
padding-top: 10px!important;
padding-bottom: 20px!important;
}
div#shopify-section-featured-collections hr.hr--invisible {
margin: 20px 0;
}

Screenshot :- chrome-extension://fdpohaocaechififmbbbbbknoalclacl/capture.html?id=50&url=https%3A%2F%2Fdancewithink.co%2F

5

@ZestardTech Much thanks for your help again. You do a great job!