Forums

Adding style to ul li ul using AutoNav

Permalink
I am trying to use the AutoNav block to create my navigation, as usual it all works well. But this time I am wanting to add some styles to the nested ul.

<ul id="nav">
    <li class="current_page_item"><a href="#">Home</a></li>
    <li><a href="#">Portfolio</a>
        <ul style="visibility: hidden; display: block;">
            <li><a href="#">Digital Design</a></li>
            <li><a href="#">Print Design</a></li>
          </ul>
          </li>
    <li><a href="#">About</a>
    <li><a href="#">Contact</a></li>
    <li><a href="#">Blog</a></li>
  </ul>


Do I need to create a template for this? If so has anyone already done this or something similar?

Any help would be greatly appreciated.
rockshox
 
cgrauer replied on at Permalink Reply
cgrauer
I'm not sure if I did understand your question. It seems to be a question about css rather than concrete5.
If you just want to give different levels different styles use css in your theme:
ul.nav {styles for 1st level}
ul.nav ul {styles for 2nd level}
ul.nav ul ul {styles for 3rd level}
and so on...

Be aware that the styles are inherited...

But you can also use a custom template. Put it under /blocks/autonav/yourtemplate.php. I did already this or something similar ;-)

btw. why do you want to make your navigation items hidden?