Have your say in Community Polls: What was/is your greatest motivation to start your own business?

Re: Add background colors to sections on Home Page

Add background colors to sections on Home Page

gq999
Excursionist
34 0 17

Hello!

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

Thanks!

 

Replies 16 (16)

Denishamakwana
Shopify Partner
1408 173 232

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
gq999
Excursionist
34 0 17
dmwwebartisan
Shopify Partner
12323 2552 3732

@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 | #1 Product Filter & Search app on Shopify | The most powerful Shopify page builder app
gq999
Excursionist
34 0 17

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

Kinjaldavra
Shopify Partner
2303 570 1426

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
5581 642 1583

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

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
2303 570 1426

hi @gq999 

for the third section add below code

 

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

 

 

Zworthkey
Shopify Partner
5581 642 1583

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

Kinjaldavra
Shopify Partner
2303 570 1426

@gq999 

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

gq999
Excursionist
34 0 17

Hi,

The screenshots are right here.

Thanks!

1.png

2.png

3.png

   

Zworthkey
Shopify Partner
5581 642 1583

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

gq999
Excursionist
34 0 17

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

Zworthkey
Shopify Partner
5581 642 1583

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
12323 2552 3732

@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 | #1 Product Filter & Search app on Shopify | The most powerful Shopify page builder app

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