Re: Change background color Spotlight 15.1.0

Change background color Spotlight 15.1.0

brainlevel
Tourist
7 0 1

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....

 

janky-theme.jpg

Replies 12 (12)

Moeed
Shopify Partner
5886 1599 1902

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

- Get a quick Shopify quote – Click here!

- Need a Shopify Specialist? Chat on WhatsApp

- Custom Design | Advanced Coding | Store Modifications


brainlevel
Tourist
7 0 1

f9723c-b3.myshopify.com

Moeed
Shopify Partner
5886 1599 1902

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

- Get a quick Shopify quote – Click here!

- Need a Shopify Specialist? Chat on WhatsApp

- Custom Design | Advanced Coding | Store Modifications


brainlevel
Tourist
7 0 1

Sorry pass removed!

Moeed
Shopify Partner
5886 1599 1902

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:

Moeed_0-1725394301704.png

 

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

 

Best Regards,
Moeed

 

- Get a quick Shopify quote – Click here!

- Need a Shopify Specialist? Chat on WhatsApp

- Custom Design | Advanced Coding | Store Modifications


Made4uo-Ribe
Shopify Partner
8819 2109 2587

Hi @brainlevel 

Would you mind sharing your store URL? Thanks!

If this fixed your issue Likes and Accept as Solution is highly appreciated. Coffee tips fuels my dedication.
Get EXPERIENCED Shopify developers at affordable rates—visit Made4Uo.com for quick quote!
Do not lost your Shopify store! Get FREE trial with ✔️ Rewind Backup: Automatic, reliable, stress-free.
Need THEME UPDATES but has custom codes? No worries, contact us for affordable price.
brainlevel
Tourist
7 0 1

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

Made4uo-Ribe
Shopify Partner
8819 2109 2587

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:

Made4uoRibe_0-1725394434325.png

 

 

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

If this fixed your issue Likes and Accept as Solution is highly appreciated. Coffee tips fuels my dedication.
Get EXPERIENCED Shopify developers at affordable rates—visit Made4Uo.com for quick quote!
Do not lost your Shopify store! Get FREE trial with ✔️ Rewind Backup: Automatic, reliable, stress-free.
Need THEME UPDATES but has custom codes? No worries, contact us for affordable price.
brainlevel
Tourist
7 0 1

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

brainlevel
Tourist
7 0 1

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
Shopify Partner
8819 2109 2587

Do you mean this one?

Made4uoRibe_0-1725397433607.png

What device are you using? 

 

 

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

If this fixed your issue Likes and Accept as Solution is highly appreciated. Coffee tips fuels my dedication.
Get EXPERIENCED Shopify developers at affordable rates—visit Made4Uo.com for quick quote!
Do not lost your Shopify store! Get FREE trial with ✔️ Rewind Backup: Automatic, reliable, stress-free.
Need THEME UPDATES but has custom codes? No worries, contact us for affordable price.
brainlevel
Tourist
7 0 1

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