Shape 5

Hello.

I have made a similar module to 'Accordion Menu', and published it to 'bottom_row2_1' area.
By changing the 'Module Class Suffix:' to '-white',  I have got a fine white header on the blue background.
However, the menu items are, as default, in dark grey and hence almost invisible.
Is there any way that I can change this color?
Thank you.

Hello,

I am sorry I am not following what you mean without a url to your site. Please post a url. Also, we don't provide support for styling other modules or modifying module classes, I would recommend using firebug to identify the css used for this area.

Hello

it is NOT a another module; it's  'Accordion Menu' module,
which I have published it to 'bottom_row2_1' area on Home page.
I have already checked with Firebug.
It suggest the following line (#1577) in template.css
span.s5_accordion_menu_left

I have added 'color:#ffffff !important;'
But it hasn't had any effect.
My URL, which I sent you before is:
http://webcreationtips.com/newsite/

Thank you.

Hello,

You stated above that you made a new module similar to the accordion menu. You are using the accordion menu but not in an area it was intended for.

You can use a tool like firebug to identify the areas of css for the links. The grey color is defined in template.css around line 1400:

#s5_accordion_menu h3.s5_am_toggler a.mainlevel {
    color: #464646 !important;
}

Your active link however is defined by the template's highlight color, which is defined in the template's index.php file. You would have to modify this in index.php: #s5_accordion_menu #current a

Hello
Thank you.