Change background color Spotlight 15.1.0

[brainlevel]

I've edited the theme to change from white to dark with the Spotlight theme but there still seems to be a background color that has remained white. I need this to be the same color as the rest of that black color. There is a white line below the header and again a big empty section of the footer. No idea why the theme color scheme wouldn't cover this....

[Moeed]

Hey @brainlevel 

Welcome to Shopify Community! Can you share your Store URL so I can have a look on it? Also, if you have password enabled then please share the password as well. Your cooperation would be greatly appreciated.

Best Regards,
Moeed

[brainlevel]

f9723c-b3.myshopify.com

[Moeed]

Your website is password protected, can you share the password too?

[brainlevel]

Sorry pass removed!

[Moeed]

Hey @brainlevel 

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>
main#MainContent {
    background: #242833 !important;
}
</style>

RESULT:

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

Best Regards,
Moeed

[Made4uo-Ribe]

Hi @brainlevel 

Would you mind sharing your store URL? Thanks!

[brainlevel]

Pls see my comment above to other person, Shopify not letting me post it twice.

[Made4uo-Ribe]

Thanks for the info, check this one.

From you Admin page, go to Online Store > Themes

Select the theme you want to edit

Under the Asset folder, open the main.css(base.css, style.css or theme.css)

Then place the code below at the very bottom of the file.

main#MainContent {
    background: #242833;
}

And Save. 

Result:

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

[brainlevel]

Thanks, It solved the top white line, but the footer bottom is still white on the homepage and on the product detail page.

[brainlevel]

So the white line on the product detail page was due to related products module, but not sure why there is all the white space below the main footer.

[Made4uo-Ribe]

Do you mean this one?

What device are you using? 

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

[brainlevel]

Your solution worked, thank you. Will you please remove screenshots of my storefront?