Add background colors to sections on Home Page

[gq999]

Hello!

Does anyone know how to add background colors to some of the sections on the home page?

Thanks!

[Denishamakwana]

Welcome to Shopify Community.

Please share your store URL and if your store is password protected then please provide password too.

Thank you.

[Zworthkey]

Hii, @gq999 
Kindly share your store URL and the name of sections where you want to change the background color.
Thank You.

[dmwwebartisan]

@gq999 

Please share your store URL and the name of sections where you want to change the background color.

Thanks!

[gq999]

www.colormaizepaintbynumbers.com

thank you!

[dmwwebartisan]

@gq999 

Which sections where you want to change the background color.

[Kinjaldavra]

@gq999 

can you please share a screenshot of Which sections where you want to change the background color?

[gq999]

the "slideshow" section and the "about Colormaize" section

[gq999]

Hi,

The screenshots are right here.

Thanks!

   

[Zworthkey]

@gq999 
Which color do you want to put in the background?

[Kinjaldavra]

hello @gq999 

please Go to Online Store->Theme->Edit code then go to assets/theme.css ->paste below code at the bottom of the file.

#shopify-section-16339765976059d009, #shopify-section-1630912125bcd22db9 {
        background: #3fa9a9;
}

[Zworthkey]

@gq999 
Paste this code on top of the theme.scss file.

div#shopify-section-16339765976059d009 {
background-color: black !important;
}
div#shopify-section-1630912125bcd22db9 {
background-color: black !important;
}
div#kaching-icon-block-ec6ff718-164a-4b1b-8b2b-f7412b8c663f {
background-color: black !important;
}

Note: you can change the background color name as your requirement.
Thank You.

[gq999]

i want to put either light blue or grey color there on the background. Is it possible for me to decide the color later by myself?

Thanks

[gq999]

Hi,

Thank you! It worked really well on the first two sections; however, nothing changes for the third section after I pasted the code. Could you take a look at it for me?

Thanks!

[Kinjaldavra]

hi @gq999 

for the third section add below code

.template-index .kaching-icon-block--container {
   background: #f5f5f5 !important ;
}

[Zworthkey]

@gq999 
Paste this code on top of the bot-lite.css file.

div#kaching-icon-block-ec6ff718-164a-4b1b-8b2b-f7412b8c663f {
    background-color: #F5F5F5 !important;
}

Thank You.

[khilan]

hi @gq999 

Welcome to Shopify Community.

Please share your store URL and if your store is password protected then please provide password too.

Thank you.

khilan