How do I change the background color of my site (Sense)

Solved

How do I change the background color of my site (Sense)

korayaks
Visitor
2 0 0

Hi Guys,

www.cocomish.com
I just created my website, I created schemes as well. But there is on color behind sections I couldnt find how to change. I just want to have just white color! But couldnt find it.   

korayaks_0-1734780090483.png

 

Accepted Solution (1)

LizHoang
Shopify Partner
476 59 86

This is an accepted solution.

Hi @korayaks 

You can follow the instruction here :

1. Go to Shopify > Online store > theme > customize

2. Click to Settings > Custom CSS > Paste this code to the section and save.

main#MainContent, body {
    background: black !important;
}

 

Here is the result: 

LizHoang_0-1734780708559.png

 

Please let us know if our reply is helpful by giving it a Like or marking it as a Solution!

Check our Joy Rewards & Loyalty Program

View solution in original post

Replies 4 (4)

LizHoang
Shopify Partner
476 59 86

This is an accepted solution.

Hi @korayaks 

You can follow the instruction here :

1. Go to Shopify > Online store > theme > customize

2. Click to Settings > Custom CSS > Paste this code to the section and save.

main#MainContent, body {
    background: black !important;
}

 

Here is the result: 

LizHoang_0-1734780708559.png

 

Please let us know if our reply is helpful by giving it a Like or marking it as a Solution!

Check our Joy Rewards & Loyalty Program
korayaks
Visitor
2 0 0

Thank you Liz! 
You made my day!

TheUntechnickle
Shopify Partner
182 18 19

Hey @korayaks,

Add this CSS to your base.css file 🙂

body.gradient {
background: #FFFFFF;
}

 

Cheers!
Shubham | Untechnickle

Oh, and there’s something brewing behind the scenes that’s redefining customer experience. Curious? It’s time to Revize your store. Don’t say we didn’t warn you. 

GTLOfficial
Shopify Partner
748 156 163

Hello @korayaks 
Go to online store ----> themes ----> actions ----> edit code ---->base.css
add this code at the end of the file and save.

@media screen and (min-width: 750px) {
.section-header {
margin-bottom: 0px !important;
}
.section + .section {
margin-top: 0px !important;
}
}

Thanks

- Buy me a Pizza
- If helpful then please Like and Accept Solution.
- Want to modify or custom changes or bug fix on the store Hire me. GTL web solutions
- Want Complete Storefront: Send an email ⇨- Email: info@gtlofficial.com - Skype: ritesh_27dh