Shopify themes, liquid, logos, and UX
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.
Which sections where you want to change the background color.
the "slideshow" section and the "about Colormaize" section
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.
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.
can you please share a screenshot of Which sections where you want to change the background color?
Hi,
The screenshots are right here.
Thanks!
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
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!
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
Learn how to expand your operations internationally with Shopify Academy’s learning path...
By Shopify Feb 4, 2025Hey Community, happy February! Looking back to January, we kicked off the year with 8....
By JasonH Feb 3, 2025Expand into selling wholesale with Shopify Academy’s learning path, B2B on Shopify: Lau...
By Shopify Jan 28, 2025