Shape 5

Joomla Club Extensions => Accordion Menu - Club => : turningweb January 02, 2010, 04:32:12 PM



: Text Attributes of Menu items
: turningweb January 02, 2010, 04:32:12 PM
How can I change the color of the active sublevel menu items?  I would like visitors to know what page they are on by glancing at the menu (in this case, "Zoom" is active).

(http://www.turningpointweb.com/accordion.png)


: Re: Text Attributes of Menu items
: jonahh January 04, 2010, 01:00:04 PM
Hello,

Yes if you look at the sub menu items they all have an active class on the LI:

.s5_am_inner_li active item5

If you add CSS to the active LI class you can then get the active stylized

Regards,


: Re: Text Attributes of Menu items
: turningweb January 04, 2010, 01:21:41 PM
Hello,

Yes if you look at the sub menu items they all have an active class on the LI:

.s5_am_inner_li active item5

If you add CSS to the active LI class you can then get the active stylized

Regards,

How and where do I add the css?  I searched the accordion css file for "active" and found nothing.


: Re: Text Attributes of Menu items
: jonahh January 05, 2010, 11:42:40 AM
.s5_am_inner_li .active {
background:#cccccc;}

Try adding the above to the bottom of your accordion menu css file.


: Re: Text Attributes of Menu items
: turningweb January 05, 2010, 01:18:39 PM
.s5_am_inner_li .active {
background:#cccccc;}

Try adding the above to the bottom of your accordion menu css file.

No change.  :-[


: Re: Text Attributes of Menu items
: jonahh January 06, 2010, 01:52:58 PM
Ok, can you post the browser source code of your site when you are on a sub menu item page?


: Re: Text Attributes of Menu items
: turningweb January 06, 2010, 03:35:37 PM
Ok, can you post the browser source code of your site when you are on a sub menu item page?

There are too many characters in the source code to post it, so I included it as an attached html document.

Zechariah


: Re: Text Attributes of Menu items
: jonahh January 07, 2010, 12:19:40 PM
Ok, it should be the below that will allow you to define what the active looks like.


#current a {
background:#cccccc;
}


: Re: Text Attributes of Menu items
: turningweb January 07, 2010, 02:53:53 PM
Thank you very much , that worked perfectly.   ;D

Here is the finished product:

(http://www.turningpointweb.com/accordion2.png)

Zechariah


: Re: Text Attributes of Menu items
: jonahh January 08, 2010, 01:51:32 PM
Nice, looks great!