How to reduce the spacing of product collection in main page [Debut Theme]

Store Design
1

Hi, Anyone know how to reduce the spacing of product collection on debute theme, it is too much spacing after i added a view all buttom, not user friendly at all, please someone help me this, thank you so much.

螢幕擷取畫面 2021-08-16 140801.png
螢幕擷取畫面 2021-08-16 140801.png1128×487 21.7 KB

1 Like
2

@ivanfong

Please share your store URL.

3

hi, @dmwwebartisan

this is my url :

thank you so much

1 Like
4

hello @ivanfong

please Go to Online Store->Theme->Edit code then go to assets/theme.css ->paste below code at the bottom of the file.

.shopify-section.index-section  .hr--invisible{
    margin: 10px 0;
  }
2 Likes
5

@ivanfong

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

#shopify-section-1629031068ff7385eb hr.hr--invisible{
margin: 20px 0 !important;
}

Hope this works.

Thanks!

6

Great, this one work, prefect!

thank you so much!