Reducing Padding on Debut

Highlighted
New Member
1 0 0

I want to reduce the padding between the sections on my site, and nothing I found has seemed to work. I also want to reduce padding between a collection and the 'view all' button.

7222494aa87cffc84d21449cbc92aabc.png

eaf119cf5a70c4c40d5e17e251f8e2d1.png

aa10bda947408c8c18dc75e839133997.png

 

 

0 Likes
Highlighted
Shopify Partner
20 2 3

For the padding between sections, look for the following css and change the padding to your desired number of pixels:

/*================ Index sections ================*/
.index-section {
  padding-top: 35px;
  padding-bottom: 35px;
}

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

 

For the spacing above the 'View All' button, I would add the following to the very end of your css file (feel free to change the number of pixels to suit your needs):

.index-section hr {
  margin-top: 30px;
  margin-bottom: 30px;
}

 

0 Likes