Accordion Menu / Posts /

Changing color of a LI

2

Hello,

Is it possible to make the top level <li> element the same color as a <li> in the sub menu area?

Peter Wolf  10 years ago   viewed: 3389    

3 Answers

0
Has anyone else wanted to do what I am trying to yet? If so, please share your experience with me. I am sorry but I have restrictions that prevent me from providing a link to my website. I have been able to use elements like  
<li><a href="?3">Product Support</a></li> but I would like it to have the same color as if it were nested inside a set of tags like so  
           <li>Support       <-- Not this color
<ul> 
<li><a href="?4">How-To Resources</a></li>      <-- I want this color
<li><a href="?5">Product Support</a></li>          <-- I want this color
</ul>
            </li>
The nesting example above works except I loose the single menu element feel because I now get the header arrow and a blank heading. I still want the rest of the accordion functionality to build the remainder of my menu, so I do not want to change something that would screw that up. So for the single <li></li> elements, am I stuck with the "heading current" color or am I able to switch it to a "sub menu" color?  Any help would be greatly appreciated.
Peter Wolf
  10 years ago
1
Open the CSS file of the menu and configure the following settings for your simple li element:
/*Top level link without children*/
#acdnmenu a.current, #acdnmenu a.current:hover
{
    color:#FFF;
    text-decoration:underline;   
}
Milo   10 years ago
0
Thanks a lot Milo. I am now getting expected results.
Peter Wolf
  10 years ago

   

Your name*
Password
(Optional. Used to modify this post afterwords)
+ =  

Ask your Own Question

  • If your question is related to the topic of this post, you can post your question to this page by clicking the "Post a reply" button at left;

  • When you want to start a new page for your question:
▲