Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community!

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

WordPress

Posted by Konstantin Nikkari
Konstantin Nikkari
5,185 Points

Targeting my footer links in WordPress but result is funny

I have a navigation menu in my site's footer (http://raccoonbox.com/sitedata/). I would like to change those links to gray color (a:link) but something funny is happening.

#menu-footer-menu,
#menu-main-menu-in-footer {
  list-style: none;
  text-decoration: none;
  display: block;
  text-align: center;
}

#menu-footer-menu a:link,
#menu-main-menu-in-footer a:link {
  color: #c6c5c5 !important;
}

This code that I have in my style.css only affects half of the links. In PC Firefox none of the links is gray, in iPhone Safari the last link is gray, in PC Chrome all but two middle links are gray.

What is happening?

1 Answer

Rich Bagley
Rich Bagley
25,869 Points

Hi Konstantin,

It looks as though your visited links are not retaining the colour. If you have styled this with a:link (as an example), try using a:visited with the same styles or removing the :link altogether, e.g.

#menu-footer-menu a:link,
#menu-footer-menu a:visited

or

#menu-footer-menu a

Hope that helps.

-Rich

Konstantin Nikkari
Konstantin Nikkari
5,185 Points

Thank you! <3

Rich Bagley
Rich Bagley
25,869 Points

No problem. Glad you got it sorted.