Delete white line between hero slideshow and other section in motion theme

Hi,

Im trying to get rid of the white line between hero slideshow section and the next section. It seems to me that this appears only at the bottom of the hero slideshow where ever I put it in the website. I managed to delete the white area from between the other sections via custom CSS but this one still stays there. Any ideas how to delete it? Thanks for the help!

https://ks6ij04t0nprzu65-11491541073.shopifypreview.com

1 Like

you can add this line of css on either on your theme CSS or custom css

.slideshow__slide:after {
   display: none;
}

Before adding display none

After adding display none

Hi @Kahiwa

Check this one.

From your Shopify admin dashboard, click on ā€œOnline Storeā€ and then ā€œThemesā€.

Find the theme that you want to edit and click on ā€œActionsā€ and then ā€œEdit codeā€.

In the ā€œAssetsā€ folder, click on ā€œbase.css, style.css or theme.cssā€ file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:

.slideshow__slide:after {
    background: transparent !important;
}

And Save.

Result:

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