Change only Footer Link Color in Debut

Solved
New Member
7 0 0

Hey, sorry if this is a bad question.

 

I am trying to have a Black and white theme to my store with minimal color to accentuate Sales and the like. 

However, I want to have a gray footer with White Text on top, and in the Quick Links section The text is also gray. I would like to change only the quick links text color to white, without changing the color of the rest of the Links on the site. 

 

If anyone could help, this would be greatly appreciated!

0 Likes
Shopify Expert
110 20 41

Add this code to your css file

 

.site-footer h4 { color: #fff; }
0 Likes
New Member
7 0 0

@Eric_K_ wrote:

Add this code to your css file

 

.site-footer h4 { color: #fff; }

Thank you for helping Eric.

 

Unfortunately, this did not work. I pasted it in theme.scss.liquid, didn't do anything, so then I went and found .site-footer h4 { } and pasted the code in there. Still did not work.

 

Ive spent about an hour trying to figure this out, but since I don't have much knowledge of liquid I can't seem to figure it out. From what I can tell the quick link list items are bound to a variable called $color-text, but that variable is assigned to all links in general, not just the quick links. 

 

I appreciate the help, hopefully we can solve this soon.

0 Likes
Shopify Expert
110 20 41

Link me to your site please.

0 Likes
New Member
7 0 0

Still designing it, but here it is:

 

avalion-cosmetics.myshopify.com

 

password is : projectavalion

 

0 Likes

Success.

Shopify Expert
110 20 41

Add this to your css

 

ul.site-footer__linklist a {
    color: #fff;
}
0 Likes
New Member
7 0 0

@Eric_K_ wrote:

Add this to your css

 

ul.site-footer__linklist a {
    color: #fff;
}

This worked! 

Thank you so much Eric, you're a lifesaver :)

0 Likes
Shopify Expert
110 20 41

You're welcome my friend! :)

0 Likes
New Member
1 0 0

Yes! Worked for me. Tried solving it the other day and gave up on it :) lol

0 Likes