• Resolved jakefreeland

    (@jakefreeland)


    I am having trouble changing the color of my drop down menu on my Xbox section. When a viewer is on the homepage and hovers over the Xbox section – the color is fine (#009DFF). But, when a viewer is already in the Xbox section the Xbox drop down menu is #fff when I want it to be the same #009DFF.

    If anyone could give me a hand and let me know how I could fix this issue I would greatly appreciate it. Here is the link to my website http://www.jakefreeland.com

    Here is the code for my menu:

    #wrap ul {padding: 0 0px; margin: 0px; list-style:none;}
    #wrap ul ul { position:absolute; display: none; list-style: none; } /*unordered list within an unordered list*/
    #wrap ul ul ul { position:absolute; display: none; visibility:hidden; z-index:6; left:120px; top:0px; } /*unordered list within an unordered list*/
    #wrap li {list-style: none; float: left ;margin:0px 1px 5px 0; background:#fff; text-align: left; }
    #wrap li:hover { background:#eee; }/* each navigation item*/
    #wrap li a {cursor:pointer; color: #009DFF; display: block; line-height: 25px; height: 25px; text-transform:uppercase; font-size:10px; width:auto; padding:5px 5px; text-align: left; position:relative; margin:0 0px;} /*each navigation item anchor*/
    #wrap li:hover ul {display:block;}
    #wrap li ul li:hover ul {display:block;}
    #wrap li ul { float: left; background:#eee; border-bottom:none; border-top:1px solid #ddd; width:auto; box-shadow: 1px 1px 1px #999; -moz-box-shadow: 1px 1px 1px #999;-webkit-box-shadow: 1px 1px 1px #999; } /* unordered list if there is drop down items*/
    #wrap li ul li ul { border-top:none; } /* unordered list if there is drop down items*/
    #wrap li li {float: none ; margin:0px 0px 0 0; width:120px; background:#fff; border-bottom:1px solid #ddd;} /* each drop down navigation item*/
    #wrap li li:hover { background:#eee;} /* each drop down navigation item*/
    #wrap li li a {text-align:left; line-height: 25px; height: 25px; color:#009DFF; }/* each drap down navigation item anchor*/
    #wrap li li span{display:block; float:right; width:10px; height:25px; padding:5px 0; background:url(images/bullet.gif) no-repeat center center;}
    #wrap li li li {float: none ; margin:0px 0px 0 0; width:120px; background:#eee; border-left:3px solid #ddd;}
    #wrap li li li:hover { background:#ddd; } /* each drop down navigation item*/
    #wrap li li li a {text-align:left; line-height: 25px; height: 25px; color:#009DFF; }/* each drap down navigation item anchor*/
    #wrap li.current-post-ancestor { background:#009DFF; }/* Class for Current Page */
    #wrap li.current_page_item { background:#009DFF;}/* Class for Current Page */
    #wrap li.current-cat { background:#009DFF; } /* Class for Current Category */
    #wrap li.current-menu-item { background:#009DFF; }/* Class for any other current Menu Item */
    #wrap li.current-post-ancestor a { color:#fff; }/* Class for Current Page */
    #wrap li.current_page_item a{color:#fff; }/* Class for Current Page */
    #wrap li.current-cat a { color:#fff; } /* Class for Current Category */
    #wrap li.current-menu-item a {color:#fff; }/* Class for any other current Menu Item */

Viewing 3 replies - 1 through 3 (of 3 total)
  • Thread Starter jakefreeland

    (@jakefreeland)

    Bump, still looking for some help!

    Thread Starter jakefreeland

    (@jakefreeland)

    If I change the coding in #wrap li.current-menu-item a {color:#fff; }/* Class for any other current Menu Item */ then it changes the sub-menu font color to #009DFF. However, by doing so it also makes the font color of any selected menu #009DFF, which means when I am on any menu it does not display any font (because it is blue on blue), it only displays a blue box.

    Thread Starter jakefreeland

    (@jakefreeland)

    I figured a solution to the problem, though it is an indirect route. I changed the menu head to a tag. So it is “jakefreeland.com/tag/xbox” instead of “jakefreeland.com/xbox”. I then changed each sub-menu from a tag “jakefreeland.com/tag/skyrim” to a category “jakefreeland.com/skyrim”. By doing this, The menu Xbox stands with no background, but upon hovering over it — the category is highlighted blue and other categories are not highlighted at all.

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘Drop Down Menu Font Color Issue’ is closed to new replies.