2 replies [Last post]
PaysB
PaysB's picture
Offline
newbie
Last seen: 8 years 28 weeks ago
Timezone: GMT+2
Joined: 2012-03-26
Posts: 2
Points: 3

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!

Tony
Tony's picture
Offline
Moderator
Brisbane
Last seen: 1 week 18 hours ago
Brisbane
Timezone: GMT+10
Joined: 2003-03-12
Posts: 5343
Points: 2964

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);
}

PaysB
PaysB's picture
Offline
newbie
Last seen: 8 years 28 weeks ago
Timezone: GMT+2
Joined: 2012-03-26
Posts: 2
Points: 3

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