Shape 5

Joomla Templates => General Contractor - Club => : webcentric May 11, 2017, 03:03:08 PM


: s5 accordion menu
: webcentric May 11, 2017, 03:03:08 PM
I'm trying to configure the s5 accordion menu and finding it difficult.

If I use the highlight color, the whole module turns the highlight color. I only want the page that being selected (on hoovering) to turn color.
I'm currently using -bigtitle_lightgray suffix,. Are there other options? suffix's something I am missing.

The black default color does not go with the site or even look good.

I have attached to screen shots, 1 as the example I want to change and 1 that I would accept as well.

Thank you,

: Re: s5 accordion menu
: jonahh May 12, 2017, 02:12:36 PM
Hello,

No there are no other options for out of the box styling. But you can edit it with CSS.

Here is the CSS for the active black background:

:
#s5_accordion_menu h3.s5_am_toggler.s5_am_open.s5_am_parent, #s5_accordion_menu h3.s5_am_toggler.s5_am_open.s5_am_not_parent {
    background: #000000 none repeat scroll 0 0;
}

template.css line 482

You can add the following CSS to your custom.css file so that all the other items that aren't active have a background on them:

:
#s5_accordion_menu h3.s5_am_toggler {
    background: #ccc !important;}

: Re: s5 accordion menu
: webcentric May 16, 2017, 06:34:55 AM
Thank you that certainly worked.

Also, assuming wants to change the background color as well, change the "hover" color as well.

#s5_accordion_menu h3:hover {
background: #c7c7c7 !important;

template.css line 450

Thanks again!