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
Thanks to everyone who participated in our AMA with 2H Media: Marketing Your Shopify St...
By Jacqui Sep 6, 2024The Hydrogen Visual Editor is now available to merchants in Shopify Editions | Summer '...
By JasonH Sep 2, 2024Note: Customizing your CSS requires some familiarity with CSS and HTML. Before you cust...
By JasonH Aug 12, 2024