Shopify themes, liquid, logos, and UX
To continue receiving payouts, you need to secure your account by turning on two-step authentication. If two-step authentication is not turned on your payouts will be paused. Learn more
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!
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 |
---|---|
121 | |
95 | |
74 | |
63 | |
47 |
Learn these 5 things I had to learn the hard way with starting and running my own business
By Kitana Jan 27, 2023Would you love to unleash the unbridled power of the Google Shopping Channel into your sho...
By Gabe Jan 6, 2023How can you turn a hobby into a career? That’s what Emmanuel did while working as a wa...
By Skye Dec 30, 2022