Mon, 2012-03-26 10:23
Hi all,
This is my first post on this forum, concerning a css issue on my first self build Joomla template. The website is almost ready for launch, and I have 2 css issues left. It concerns the navigation menu on the left on this website
I would like to replace the arrow for an arrow that points down when a menu item or its submenu items are active. Among many other things I tried the code below, but that doesn't work:
ul.menu-left li.active ul li#current { list-style-image:url(../images/bullet_ranje.gif); }
And the line height for the third level navigation is too large. I tried line-height in ul.menu-left li.active ul ul ul li a With this rule I can make the line height larger then the first and second level navigation, but not smaller.
Help will be very much appreciated!
Wed, 2012-03-28 01:45
#1
Hi PaysB, I didn't see an id
Hi PaysB,
I didn't see an id of current in my quick glance at your page.
So you might be better of with
ul.menu-left li.active ul li.current { list-style-image:url(../images/bullet_ranje.gif); }
You have made it a little hard by being over specific.
If possible try something like:
.menu-left li { list-style-image:url(../images/LEFT.gif); } .menu-left .active { list-style-image:url(../images/DOWN.gif); }
Wed, 2012-04-04 14:40
#2
Thanks Tony, this set me on
Thanks Tony, this set me on the right track. And sorry for the delayed reply, I have been away for some time