How to remove the white gap between the product collection and the image banner?

[crepscity]

Hi there, i need help to remove the white gap between the product collection and the image banner. I have set the product collection and the image banner to 0 padding however, there is a slight gap?

*NOTE - Some collections are product grid and some are featured products. 

 

[Spac-es]

Add this code in your base.css file:

ul#Slider-template--16107583537391__featured_collection_EG6U6r {
  margin-top: 0px !important;
}

Result:

[crepscity]

This code only worked for one section in this collection: https://crepscity.com/collections/louis-vuitton-jackets-1

but there are other featured collections within that collection and did not trigger them.

[Made4uo-Ribe]

Hi @crepscity 

Which collection is this? Thanks!

[crepscity]

Hi Made4uo. 

this collection: https://crepscity.com/collections/louis-vuitton-jackets-1

[Made4uo-Ribe · Accepted solution]

Thanks for the info, check this one.

1. From you Admin page, go to Online Store > Themes

1. Select the theme you want to edit
2. Under the Asset folder, open the main.css(base.css, style.css or theme.css)
3. Then place the code below at the very bottom of the file.

.grid.product-grid.contains-card.grid--4-col-desktop.grid--2-col-tablet-down {
   margin-top: 0px;
}

• And save. 
• Result:
• 

  i cant find the other same collection like this. If its not working to other let me know. 

Please don't forget to Like and Mark Solution to the post that helped you. Thanks!

[crepscity]

I inserted it to each featured collection into the css therefore, it worked thank you.