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)
Natztech
Shopify Partner
2238 565 1387

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
3520 415 802

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

If helpful, please Like and Accept Solution.
if you Want to modify or Customize your theme ,
Hire us | Whatsapp. & Want to know more .Email us: sales@zworthkey.com

PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Designing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
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!

Natztech
Shopify Partner
2238 565 1387

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
3520 415 802

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

If helpful, please Like and Accept Solution.
if you Want to modify or Customize your theme ,
Hire us | Whatsapp. & Want to know more .Email us: sales@zworthkey.com

PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Designing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
khilan
Trailblazer
225 13 23

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