WebsiteBaker Community Forum

WebsiteBaker Support (2.8.x) => Templates, Menus & Design => Topic started by: Gerard on March 06, 2008, 12:24:33 PM

Title: Chnage color of menu-current **SOLVED**
Post by: Gerard on March 06, 2008, 12:24:33 PM

Hello Bakers,

For several sites I use showmenu2. But there's one weirdt thing: I cannot change the color of the classes "menu-current, menu-selected and menu-parent".
For example: If I hover over a menulink it changes from blue to orange. I want to remain that orange but after clicking it, it changes back to blue. Things like text-decoration, font-style etc is all working properly but not the color. I think I'm doing or thinking wrong, but what?

Thanks in advance for any answer.

Regards,

Gerard

Title: Re: Chnage color of menu-current
Post by: Gerard on March 22, 2008, 11:56:30 AM

Nobody??

Title: Re: Chnage color of menu-current
Post by: ruebenwurzel on March 22, 2008, 12:28:13 PM

Hello,

simply style it in css to your wishes.

Matthias

Title: Re: Chnage color of menu-current
Post by: Ruud on March 22, 2008, 12:41:10 PM

Do you have a url where we can have a look?

The order of your css items might give problems.

Ruud

Title: Re: Chnage color of menu-current
Post by: Gerard on March 22, 2008, 07:42:21 PM

Hi Matthias and Ruud,
Thanks for your reply.

@Matthias: I tried styling with css. And I managed to make the menu-items italic  but I can't change the color of it by using

Code: [Select]

#menu li.menu-current, #menu li.menu-selected, #menu li.menu-parent {
font-style: italic;
color: #69f; /*  This color seems not to be working */
}, nothing happens. Have you any idea?

@Ruud:
Sure: http://www.gerardmollema.nl/templates/gm_b/style.css (http://www.gerardmollema.nl/templates/gm_b/style.css)

Regards,
Gerard

Title: Re: Chnage color of menu-current
Post by: Ruud on March 22, 2008, 10:52:09 PM

Hi Gerard,

The li.menu-current only applies to the list item, not the text that belongs to the <a> tag.
Adding the "a" to the line will do the trick.

Code: [Select]

#menu li.menu-current a, #menu li.menu-selected a, #menu li.menu-parent a{
font-style: italic;
color: #69f;
}

Ruud

Title: Re: Chnage color of menu-current
Post by: Gerard on March 22, 2008, 11:33:27 PM

Hi Ruud,

Damn.... I played with that "a" earlier but put it before the class "menu-xxx" instead of after it. Like this:

Code: [Select]

#menu a li.menu-current, #menu a li.menu-selected , #menu a li.menu-parent {
font-style: italic;
color: #69f; /*  This color seems not to be working */
}
And then it doesn't work. I remember I saw that way of writing in a template, once.

But it works great now!! Thank you very much!

Groetjes,

Gerard