How can I eliminate the white bar separating homepage sections?

Hi there,

I’m using the craft theme however there is a white bar visible that separates each section. How can I remove the white bar space? I tried to remove the padding but it’s still showing.

Any help would be appreciated!!

Please share the store URL so that we can assist you.

Hi @mb206 ,

Can you please share a preview url so that I can assist you on?

Thank you

https://mv1qu8rnmddzqhuv-86579216677.shopifypreview.com

here we go

https://mv1qu8rnmddzqhuv-86579216677.shopifypreview.com

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 tag


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

thank you! that worked however its still showing between the product images section and banner: see image section below.

Add the following code in the same location


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

Thank you. That worked however the words on some pages have now overlapped with each other?

This part of the code needs to be placed in the custom CSS box corresponding to the section

.gradient{
    line-height: 0;
  }

If you will unable to implement the same then I’m happy to do this for you, let me know.