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?
1 Like
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!
1 Like
hii, @AntiEverybody
Kindly share your store URL so,
I can solve your issue.
Thanks!
@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.
@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, @goasagroup
Can you tell me what you want so,
I can solve it.
Thank You.
Hi Zworthkey,
This change is for goasagroup.com. We want to give our footer links (on the
left-side) a different hover colour, like #007AAB.
Were using the below code to alter the text colour to white:
.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: #FFFFFF !important;
}
[image: Screen Shot 2021-10-15 at 9.07.42 AM.png]
Thank you!