How do I change the nav link colors?

6 posts from 2 voices

• Started 2 years ago by jzapin
• Latest reply from Dude
• This topic is resolved

Tags:

• colors

1. 

   jzapin
   Member

   I'm trying to change the link colors from the standard "gray" to be white. How do I do that?

   To better explain what I'm trying to do, look at this http://screencast.com/t/OGZhZmYxYWM

   The link to the site is: http://pmags2.jzapin.com/

   Posted 2 years ago #
2. 

   Dude
   Dude

   Open style2.css and search for following code:
   

   #top .nav .current-menu-item a strong{
   color:#444;
   font-weight: bold;
   }

   Please change "color" to any value you like.

   Posted 2 years ago #
3. 

   jzapin
   Member

   I made the change. It fixed it for the "current item" but it didn't fix it for the non-current item. That is still black:
   http://screencast.com/t/ZGZhZWFl

   Using Firebug, I found the line of code the changes that color (259):
   {h3, h3 a, h4, h4 a, h5, h5 a, h6, h6 a, strong{ color:#222; }

   However, if I change it here, it changes it in lots of places including places I don't want (like bolded items within the copy).

   Is there another CSS setting?

   Posted 2 years ago #
4. 

   Dude
   Dude

   Just delete the current item class so that the code looks like:
   

   #top .nav a strong{
   color:#444;
   font-weight: bold;
   }

   or

   #top .nav a{
   color:#444;
   font-weight: bold;
   }

   if you want to change the color of the whole link (description + main link)

   Posted 2 years ago #
5. 

   jzapin
   Member

   First, thanks for the reply. The support here has been great. Worth every penny just for the great support.

   Actually, I think what I was looking for required all three items. This is what my code looks like now (in style2.css):

   #top .nav .current-menu-item a strong{
   color:#FFF;
   font-weight: bold;
   }
   
   #top .nav a{
   color:#FFF;
   font-weight: bold;
   }
   
   #top .nav a strong{
   color:#FFF;
   }

   Is that correct?

   Posted 2 years ago #
6. 

   Dude
   Dude

   Yes if you want to have all links in the same color. If you want to differentiate between current item and other links or i.e. change the color on a mouse hover you need to define different color values (not only white). But the css is correct.

   The Dude

   Posted 2 years ago #

RSS feed for this topic

Reply

You must log in to post.