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
849 112 146

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 641 1500

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

If helpful, please Like and Accept Solution. Hire Us |
if you Want to modify or Customize your theme | Whatsapp | Email us: sales@zworthkey.com
Top Rated Shopify Agency, | We have Over 200+ Happy merchants.
Build Successful Shopify Stores with GemPages
dmwwebartisan
Shopify Partner
10710 2339 3324

@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 | Bag is a cart drawer that maximizes your sales. View app →
gq999
Excursionist
34 0 16
dmwwebartisan
Shopify Partner
10710 2339 3324

@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 | Bag is a cart drawer that maximizes your sales. View app →
Kinjaldavra
Shopify Partner
2302 569 1404

@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
Build your professional store with GemPage Page Builder
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 641 1500

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

If helpful, please Like and Accept Solution. Hire Us |
if you Want to modify or Customize your theme | Whatsapp | Email us: sales@zworthkey.com
Top Rated Shopify Agency, | We have Over 200+ Happy merchants.
Build Successful Shopify Stores with GemPages
Kinjaldavra
Shopify Partner
2302 569 1404

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
Build your professional store with GemPage Page Builder
Zworthkey
Shopify Partner
5581 641 1500

@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. Hire Us |
if you Want to modify or Customize your theme | Whatsapp | Email us: sales@zworthkey.com
Top Rated Shopify Agency, | We have Over 200+ Happy merchants.
Build Successful Shopify Stores with GemPages
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 1404

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
Build your professional store with GemPage Page Builder
Zworthkey
Shopify Partner
5581 641 1500

@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. Hire Us |
if you Want to modify or Customize your theme | Whatsapp | Email us: sales@zworthkey.com
Top Rated Shopify Agency, | We have Over 200+ Happy merchants.
Build Successful Shopify Stores with GemPages
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