Page 1 of 1

CSS Nav Vertical version 0.13-beta1

Posted: Thu May 04, 2006 4:13 pm
by Ken
Hi there

I've got an issue when customizing Nav Vertical style.

I'm using 4 levels.
Style is applied everywhere BUT not on
any active items at 4th level if start_level='2'
and active items at 3rd and 4th levels if start_level='1'

Anything wrong from me ?
Thx


#menu_vert li.active01 h3 {
  font-weight: bold;
  background: transparent url(uploads/images/arrow-hover.gif) no-repeat center left;
  color: rgb(51, 51, 204); 
  font-size: 1em;
  margin: 0;
  padding: 0 0 0 1.5em;
  line-height: 1em;
  }

Re: CSS Nav Vertical version 0.13-beta1

Posted: Thu May 04, 2006 5:10 pm
by Ken
I'm answering to myself !
Solution is:

#menu_vert li.active01 h3,
#menu_vert li.active02 h3,
#menu_vert li.active03 h3 {

  font-weight: bold;
  color: #369;
  background: transparent url(uploads/images/arrow-hover.gif) no-repeat center left;
  color: rgb(51, 51, 204); 
  font-size: 1em;
  margin: 0;
  padding: 0 0 0 1.5em;
  line-height: 1em;
  }

But don't ask me why  ;D
I just would like to know if it's somewhere in the documentation ?
Thx and congratulations to the team for this great CMS

Re: CSS Nav Vertical version 0.13-beta1

Posted: Thu May 04, 2006 5:56 pm
by Dr.CSS
answer?

#menu_vert li.active01 h3

that is a class " . " , any thing that has "class="?",, in your case you have three diff. classes, each class has to be styled independently, or in a row like you did, they do not inheret(?sp) the style of it's parent or another class such as .active01. thats the great thing about class you can use it to style a bunch of things with one call like class="red", .red{color:red},,
a great place to learn  http://www.w3schools.com/default.asp
what they have to say about class http://www.w3schools.com/css/css_syntax.asp  scroll down a little.

  HTH
        mark

Re: CSS Nav Vertical version 0.13-beta1

Posted: Thu May 04, 2006 9:27 pm
by Ken
OK Mark. Thx for the links