Background Color Change for Pages

[ShopElle]

Hi!
I've been having some trouble changing the background color for individual pages. They're white on default and there's no color scheme option.

Theme - Trade

Website: https://wxccqp-af.myshopify.com/

Password: bowgla

I've tried this code with no success: 

section#shopify-section-template--15858378670151__main {
     background: #151515;
}
section#shopify-section-template--15858378670151__main * {
    color: #151515;
}

Example of my problem:

This is a problem for every page I have on my website (contact, faq, terms of service, etc;) excluding the home page. Any assistance would be greatly appreciated!

[Sivadarshan]

Edit code --> base.css --> .focus-none{background:black;}

[Sivadarshan]

@ShopElle If this works have a like and accept the solution

[ShopElle]

Hey @Sivadarshan !

Unfortunately this doesn't work. 

[Moeed · Accepted solution]

Hey @ShopElle 

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: #151515 !important;
}
</style>

RESULT:

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

Best Regards,
Moeed

[ShopElle]

Hi @Moeed 

This worked, thank you very much!

[Moeed]

Thank you for your reply. I'm glad to hear that the solution worked well for you. If you require any more help, please don't hesitate to reach out. If you find this information useful, a Like would be greatly appreciated.

[Tech_Coding]

Hello @ShopElle 

You can add code by following these steps

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file

3. Paste the below code before </body> on theme.liquid
<style>
     main#MainContent {
       background: #151515 !important;
    }
</style>
RESULT:

my reply helpful? Click Like to let me know!
your question answered? Mark it as an Accepted Solution.

[websensepro]

Hi @ShopElle 

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.css / based.css file and paste the code in the bottom of the file.

main#MainContent {
    background: #151515;
    color: #151515 !important;
}

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

[ZestardTech]

Hello @ShopElle,

Here are the steps to apply the necessary changes in your Shopify store:
In your Shopify Admin, navigate to Online Store > Themes > Actions > Edit Code.
Locate Asset > base.css and paste the following code at the bottom of the file:

body main#MainContent {
    background: #151515 !important;
}