Spotlight Theme - Remove White Band

[kfox29]

Hi everyone, I'm starting up a shop - omidecor.com  - and am using the Spotlight theme. I've added my colors to my themes and when I did so for each section, there is a random band of white going across the top of the page between the header and section below it. The white band is not a section. I cannot click on it and when I hover over it, nothing highlights or changes. 

Could someone please help me to get rid of this white space to where it's the same color as the background all throughout the shop?

 

[topnewyork · Accepted solution]

Hi @kfox29 , 

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file
3. In theme.liquid, paste the below code before </head>

<style>
body.gradient.animate--hover-3d-lift {
    background-color: #eae6da !important;
}
</style>

If my reply is helpful, kindly click like and mark it as an accepted solution.

Thanks!

[kfox29]

Thank you, it worked so well!

[topnewyork]

@kfox29 , glad it worked. Your most welcome!

[Moeed]

Hey @kfox29 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

<style>
ul#Slider-template--16009906487383__featured_collection {
    margin-top: 0 !important;
}
</style>

RESULT:

If I managed to help you then, don't forget to Like it and Mark it as Solution!

Best Regards,
Moeed

[kfox29]

Thanks, Moeed, @topnewyork was able to get me squared away!