HELP PLEASE: Unwanted white lines under slideshow and some other sections in DAWN theme

[RaghavGoel1]

Hi all, 

Im using dawn theme for my website. However, only on MOBILE view, under some sections I'm seeing a thin white line which I want to remove since its breaking the flow of my page. 

Please see below:

 

The first image is from my homepage - https://boozyhouse.in/
The rest two are from product pages - https://boozyhouse.in/products/dare-pong and https://boozyhouse.in/products/not-so-sober

In the product pages - the white line is appearing under slideshow. 

Can someone please help me fix this? I've tried everything - changed images, changed theme setting borders, added custom codes which I found in other threads but none of it worked. 

Please help thanks 

   

[AnneLuo]

You can try this code by following these steps:
Step 1: Go to the online store ->Theme ->Edit Code.
Step 2: Find the theme.liquid file and add the following code above the </head> tag

<style>
  #Banner-template--15985395793997__image_banner_f8mYeB,
  #Banner-template--15985395793997__image_banner_g7LcE6,
  #Banner-template--15885223002189__image_banner_TUcK4k,
  #collection-template--15885066174541__featured_collection_MwdeQM {
     margin: -2px 0;
  }
</style>

Hopefully it will help you. If yes then Please don't forget hit Like and Mark it as solution!

[RaghavGoel1]

Thanks for the solution, while this did solve the issue for the homepage white line... they are still showing up under the slideshows. 

  

[AnneLuo · Accepted solution]

Please modify the code I provided above

<style>
  #Banner-template--15985395793997__image_banner_f8mYeB,
  #Banner-template--15985395793997__image_banner_g7LcE6,
  #Banner-template--15885223002189__image_banner_TUcK4k,
  slideshow-component.slider-mobile-gutter,
  #Banner-template--15885223002189__image_banner_tDzeaf,
  #collection-template--15885066174541__featured_collection_MwdeQM {
     margin: -2px 0;
  }
</style>

[RaghavGoel1]

Thanks, this worked well!