How to edit footer text color for debut theme?

AntiEverybody
Excursionist
31 0 10

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?

Replies 14 (14)
dmwwebartisan
Shopify Partner
10710 2339 3324

@AntiEverybody 

  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!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →
Zworthkey
Shopify Partner
5581 641 1500

hii, @AntiEverybody 
Kindly share your store URL so,
I can solve your issue.
Thanks!

If helpful, please Like and Accept Solution. Hire Us |
if you Want to modify or Customize your theme | Whatsapp | Email us: sales@zworthkey.com
Top Rated Shopify Agency, | We have Over 200+ Happy merchants.
Build Successful Shopify Stores with GemPages
AntiEverybody
Excursionist
31 0 10

colourfi.myshopify.com

 

AntiEverybody
Excursionist
31 0 10
Zworthkey
Shopify Partner
5581 641 1500

@AntiEverybody 
sorry,
I can't see your footer can you please upload it.
Thank You.

If helpful, please Like and Accept Solution. Hire Us |
if you Want to modify or Customize your theme | Whatsapp | Email us: sales@zworthkey.com
Top Rated Shopify Agency, | We have Over 200+ Happy merchants.
Build Successful Shopify Stores with GemPages
AntiEverybody
Excursionist
31 0 10
Zworthkey
Shopify Partner
5581 641 1500

@AntiEverybody 
Can you give me a screenshot of which footer you want to edit so,
I can solve it perfectly.
Thank You.

If helpful, please Like and Accept Solution. Hire Us |
if you Want to modify or Customize your theme | Whatsapp | Email us: sales@zworthkey.com
Top Rated Shopify Agency, | We have Over 200+ Happy merchants.
Build Successful Shopify Stores with GemPages
AntiEverybody
Excursionist
31 0 10

footer.PNG

i need it to be white text

Zworthkey
Shopify Partner
5581 641 1500

@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;
}



If helpful, please Like and Accept Solution. Hire Us |
if you Want to modify or Customize your theme | Whatsapp | Email us: sales@zworthkey.com
Top Rated Shopify Agency, | We have Over 200+ Happy merchants.
Build Successful Shopify Stores with GemPages
AntiEverybody
Excursionist
31 0 10

Perfect! Thank you!

Zworthkey
Shopify Partner
5581 641 1500

Hii, @AntiEverybody 
If it is helpful then like and accept my solution.
Thank You.

If helpful, please Like and Accept Solution. Hire Us |
if you Want to modify or Customize your theme | Whatsapp | Email us: sales@zworthkey.com
Top Rated Shopify Agency, | We have Over 200+ Happy merchants.
Build Successful Shopify Stores with GemPages
goasagroup
New Member
2 0 0

Are you able to add a hover colour to this code?

Zworthkey
Shopify Partner
5581 641 1500

hii, @goasagroup 
Can you tell me what you want so,
I can solve it.
Thank You.

If helpful, please Like and Accept Solution. Hire Us |
if you Want to modify or Customize your theme | Whatsapp | Email us: sales@zworthkey.com
Top Rated Shopify Agency, | We have Over 200+ Happy merchants.
Build Successful Shopify Stores with GemPages
goasagroup
New Member
2 0 0
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!