FROM CACHE - en_header

Add background colors to sections on Home Page

gq999
Excursionist
34 0 16

Hello!

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

Thanks!

 

Replies 16 (16)
Denishamakwana
Astronaut
1195 154 195

Welcome to Shopify Community.

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

Thank you.

If helpful then please Like and Accept Solution. Want to modify or custom changes on store Hire me. Feel free to contact me on denishabhensdadiya@gmail.com | Shopify Design Changes | Custom Modifications In to Shopify Theme
Zworthkey
Shopify Partner
5581 642 1524

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

dmwwebartisan
Shopify Partner
11154 2395 3435

@gq999 

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

Thanks!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Click here GemPages The most powerful Shopify page builder.
dmwwebartisan
Shopify Partner
11154 2395 3435

@gq999 

Which sections where you want to change the background color.

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Click here GemPages The most powerful Shopify page builder.
Kinjaldavra
Shopify Partner
2302 569 1408

@gq999 

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

Want to theme customize contact us E-mail : natztech2312@gmail.com | Whatsapp
gq999
Excursionist
34 0 16

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

gq999
Excursionist
34 0 16

Hi,

The screenshots are right here.

Thanks!

1.png

2.png

3.png

   

Zworthkey
Shopify Partner
5581 642 1524

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

Kinjaldavra
Shopify Partner
2302 569 1408

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;
}

 

 

Want to theme customize contact us E-mail : natztech2312@gmail.com | Whatsapp
Zworthkey
Shopify Partner
5581 642 1524

@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
Excursionist
34 0 16

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
Excursionist
34 0 16

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
Shopify Partner
2302 569 1408

hi @gq999 

for the third section add below code

 

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

 

 

Want to theme customize contact us E-mail : natztech2312@gmail.com | Whatsapp
Zworthkey
Shopify Partner
5581 642 1524

@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
Shopify Partner
271 15 26

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

Shopify Expert | Skype: khilan.mendapara
- Like and Mark as an Accepted Solution if reply helpful
- Feel free to contact me on khilan.mendapara1995@gmail.com regarding any help