Menu text Color

[paranoidandroid]

This might be easier for me tomorrow, after I've slept and before I've stared at my monitor for hours, but right now I can't seem to locate what exactly I have to edit to change the color of the default menu text for nav-vertical. I've managed to change the color of everything else but I can't find a reference to the menu text color, either in nav-vertical itself, 'colours', 'Typography', etc. Okay, so someone please bless me with a "duh" revelation and tell me where to find this. 

[kermit]

Nav-Vertical and Nav-Horizontal stylesheets do contain text, background & hover colors for bulletmenu, and i think ellnav uses it too. cssmenu has colors in it's own stylesheet...

[paranoidandroid]

Well, I haven't found it yet, sigh. I managed to change the visited links but I can't get all the menu colors changed. I systematically went down the list and changed each likely menu item, defintely all the ones associated with h3 in nav-vertical but no luck so far. Maybe I just had the misfortune to miss the right one. It can't be this hard - can it?

[paranoidandroid]

Here, let me make it easier for someone to help me. What is the following code do I need to change to get all my menu text to simply show white:


#menu_vert, #menu_vert ul {
  margin: 0;
  padding: 0;
  }

#menu_vert ul {
  width: 100%; /* Width of Menu Items */
  border-top: 1px solid #006699;
  border-right: 1px solid #006699;
  background: #FF0000;
  }
#menu_vert li {

  list-style: none;
  }

#menu_vert li a {
  display: block;
  text-decoration: none;
  padding: 5px 5px 5px 10px;
  border-bottom: 1px solid #006699;
  color: #FFFFF;
  }

/* Fix IE. Hide from IE Mac \*/
* html #menu_vert li { float: left; height: 1%; }
* html #menu_vert li a { height: 1%; }
/* End */

    div#menu_vert ul ul li a,
    div#menu_vert ul ul li a:link,
    div#menu_vert ul ul li a:visited  {
        display: block;
        padding: 3px 5px 3px 25px;
        border-bottom: none;
        font-size: 90%;
    }
    div#menu_vert ul ul  {
      border-right: none;
      border-top: none;
      border-bottom: 1px solid #006699;
      padding-bottom: 5px;
    }

    div#menu_vert ul ul ul li a,
    div#menu_vert ul ul ul li a:link,
    div#menu_vert ul ul ul li a:visited  {
        padding-left: 40px;
    }
    div#menu_vert ul ul ul  {
      border-bottom: none;
    }
#menu_vert li ul li a { padding: 5px 5px; } /* Sub Menu Styles */

/* fixed image flicker by adding .cssmenu-vertical ul */

#menu_vert li a:hover {
background-color: #CC0000;
}

.current
{
list-style-type: square;
display: inline;
background-color: #abb0b6;
}

#menu_vert li.activeparent {
  background-color: #abb0b6;
}

#menu_vert li.active01 h3 {
  display: block;
  text-decoration: none;
  padding: 5px 5px 5px 10px;
  border-bottom: 1px solid #006699;
  color: #FFFFFF;
  margin: 0;
  font-size: 1em;
  line-height: 1em;
  background-color: #FF0000;
  }

#menu_vert li.active02 h3
{
  display: block;
  padding: 3px 5px 3px 25px;
  border-bottom: none;
  font-size: 90%;
  font-weight: bold;
  color: #FFFFFF;
  margin: 0;
}

#menu_vert li.active03 h3
{
  display: block;
  padding: 3px 5px 3px 40px;
  border-bottom: none;
  font-size: 90%;
  font-weight: bold;
  color: #FFFFFF;
  margin: 0;
}

li.sectionheader {
  margin: 0;
  margin-right: -1px;
}
li.sectionheader h3 {
  margin: 0;
  padding: 1em 10px 0.5em 10px;
  border: none;
  background-color: #fff;
  border-bottom: 1px solid #006699;
  z-index: 90;
}

li.separator {
  height: 1px;
  padding: 0.5em 0;
  margin: 0;
  width: 100%;
  border-bottom: 1px dotted black;
}


TIA!

[kermit]

from a default installed state, there's only a couple of changes to make to get links white, and the active menu item and active parent are also defined in the stylesheet too.

all the "color:" in it are text colors. and you may have to add a color definition somewhere too.


here's the whole thing with all white text ( on dark backgrounds for readability), i think i caught everything.:

Code: Select all

#menu_vert, #menu_vert ul {
  margin: 0;
  padding: 0;
  }

#menu_vert ul {
  width: 100%; /* Width of Menu Items */
  border-top: 1px solid #006699;
  border-right: 1px solid #006699;
  background: #333333;  
  }
#menu_vert li {

  list-style: none;
  }

#menu_vert li a {
  display: block;
  text-decoration: none;
  padding: 5px 5px 5px 10px;
  border-bottom: 1px solid #006699; 
  color: #ffffff; 
  }

#menu_vert li a:hover {
	background-color: #003366; 
        
}

/* Fix IE. Hide from IE Mac \*/
* html #menu_vert li { float: left; height: 1%; }
* html #menu_vert li a { height: 1%; }
/* End */

    div#menu_vert ul ul li a, 
    div#menu_vert ul ul li a:link, 
    div#menu_vert ul ul li a:visited  {
        display: block;
        padding: 3px 5px 3px 25px;
        border-bottom: none;
        font-size: 90%;
    }
    div#menu_vert ul ul  {
      border-right: none;
      border-top: none;
      border-bottom: 1px solid #006699;
      padding-bottom: 5px;
    }

    div#menu_vert ul ul ul li a, 
    div#menu_vert ul ul ul li a:link, 
    div#menu_vert ul ul ul li a:visited  {
        padding-left: 40px;
    }
    div#menu_vert ul ul ul  {
      border-bottom: none;
    }
#menu_vert li ul li a { padding: 5px 5px; } /* Sub Menu Styles */

/* fixed image flicker by adding .cssmenu-vertical ul */

#menu_vert li a:hover {
	background-color: #003366; 
        color: #ffffff;  
}

.current
{
	list-style-type: square;
	display: inline;
	background-color: #999999;  
        color: #ffffff;
}

#menu_vert li.activeparent {
   background-color: #336699;  
   color: #FFFFFF;
}

#menu_vert li.active01 h3 {
  display: block;
  text-decoration: none;
  padding: 5px 5px 5px 10px;
  border-bottom: 1px solid #006699;
  color: #FFFFFF;
  margin: 0;
  font-size: 1em;
  line-height: 1em;
  background-color: #003366;
  }

#menu_vert li.active02 h3
{
  display: block;
  padding: 3px 5px 3px 25px;
  border-bottom: none;
  font-size: 90%;
  font-weight: bold;
  background-color: #003366;
  color: #FFFFFF;
  margin: 0;
}

#menu_vert li.active03 h3
{
  display: block;
  padding: 3px 5px 3px 40px;
  border-bottom: none;
  font-size: 90%;
  font-weight: bold;
  color: #FFFFFF;
  background-color: #003366;
  margin: 0;
}

li.sectionheader {
  margin: 0;
  margin-right: -1px;
 }
li.sectionheader h3 {
   margin: 0;
   padding: 1em 10px 0.5em 10px;
   border: none;
   background-color: #003366;
   color: #FFFFFF;
  border-bottom: 1px solid #006699;
  z-index: 90;
}

li.separator {
   height: 1px;
   padding: 0.5em 0;
   margin: 0;
   width: 100%;
   border-bottom: 1px dotted black;
	}

[paranoidandroid]

Excellent mate, that did the trick! Thanks so much.

You were right, of course. I had suspected that I needed an addition, but I was hung up on the idea that there must have been something in there already that determined the default text color and I was just missing it. As you can see, I'm a complete noob when it comes to all this.

Anyway, thanks much again. That was just not going to give me any rest until I had it solved.

[paranoidandroid]

Only one problem now: visited menu blocks (meaning whatever category I've clicked and am presently in) still occassionally revert to the old background color. Most of the time they're the color they're suppose to be, I can click them several times and they're the right color, then I'll click one and suddenly it's the old background color. Is there something you can spot in the above code that I overlooked?

[paranoidandroid]

Sure, here you go:

http://www.strangeborders.com

Since I see, though, that it appears that I'm now only seeing this when I click on one of the submenus of 'Menus/Navigation systems', maybe it's just because I need to edit the other menu files. Not sure, though, since I was seeing it on other menu blocks before, but maybe clearing my cache/history took care of the rest of them...? I don't know, just got up, I can't think that hard right now. 

[paranoidandroid]

Thank you!!!!