Access a community of over 900,000 Shopify Merchants and Partners and engage in meaningful conversations with your peers.
Hello!
Does anyone know how to add background colors to some of the sections on the home page?
Thanks!
Welcome to Shopify Community.
Please share your store URL and if your store is password protected then please provide password too.
Thank you.
Hii, @gq999
Kindly share your store URL and the name of sections where you want to change the background color.
Thank You.
Please share your store URL and the name of sections where you want to change the background color.
Thanks!
Which sections where you want to change the background color.
can you please share a screenshot of Which sections where you want to change the background color?
the "slideshow" section and the "about Colormaize" section
Hi,
The screenshots are right here.
Thanks!
@gq999
Which color do you want to put in the background?
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;
}
@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.
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
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!
hi @gq999
for the third section add below code
.template-index .kaching-icon-block--container {
background: #f5f5f5 !important ;
}
@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.
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
User | RANK |
---|---|
209 | |
111 | |
89 | |
56 | |
45 |