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 1373

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
Shopify Partner
2595 310 645

@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. and we also help you to guide how to reach to your potential customers to increase brand presence, engagements and sales for your business or Want to know more. Read our Shopify Blogs.Email us: sales@zworthkey.com

PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | 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 1373

hi @gq999 

for the third section add below code

 

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

 

 

Zworthkey
Shopify Partner
2595 310 645

@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. and we also help you to guide how to reach to your potential customers to increase brand presence, engagements and sales for your business or Want to know more. Read our Shopify Blogs.Email us: sales@zworthkey.com

PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
khilan
Trailblazer
226 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