Shopify themes, liquid, logos, and UX
So I'm using the debut theme and it does not give me the option to change the footer text color under theme settings > color anywhere. I was able to change the footer background color itself only by entering in a code for it. But now I need to change the text color. How do I do this?
add the following code at the bottom of your assets/theme.css file.
.site-footer p, .site-footer__linklist-item a, .site-footer__rte a, .site-footer h4, .site-footer small, .site-footer__copyright-content a, .site-footer__newsletter-error, .site-footer__social-icons .social-icons__link {
color: #fff !important;
}
Thanks!
colourfi.myshopify.com
@AntiEverybody
sorry,
I can't see your footer can you please upload it.
Thank You.
@AntiEverybody
Can you give me a screenshot of which footer you want to edit so,
I can solve it perfectly.
Thank You.
i need it to be white text
@AntiEverybody
Paste this code on top of the theme.scss file.
.site-footer__item-inner.site-footer__item-inner--newsletter p {
color: white !important;
}
.site-footer__item-inner.site-footer__item-inner--text p, div {
color: white !important;
}
Perfect! Thank you!
Hii, @AntiEverybody
If it is helpful then like and accept my solution.
Thank You.
Are you able to add a hover colour to this code?
hii, @AntiEverybody
Kindly share your store URL so,
I can solve your issue.
Thanks!
Learn how to build powerful custom workflows in Shopify Flow with expert guidance from ...
By Jacqui May 7, 2025Did You Know? May is named after Maia, the Roman goddess of growth and flourishing! ...
By JasonH May 2, 2025Discover opportunities to improve SEO with new guidance available from Shopify’s growth...
By Jacqui May 1, 2025