[Solved]How to get a menu item in different color when active?

For discussion and questions related to CMS Specific templates and stylesheets (CSS), and themes. or layout issues. This is not a place for generic "I don't know CSS issues"
Post Reply
libralion
Forum Members
Forum Members
Posts: 191
Joined: Fri Jul 11, 2008 4:11 pm

[Solved]How to get a menu item in different color when active?

Post by libralion »

Hi everybody,
I have a template and in that template the active menulink has a different color than the other links.
But how do I get that in CMSmadesimple? Normally the id=active and the id=current are in the page itself with the menu items, but that can't be done in CMSmadesimple, so how can I make this happen in CMSmadesimple?
Last edited by libralion on Tue Dec 30, 2008 5:40 pm, edited 1 time in total.
RonnyK
Support Guru
Support Guru
Posts: 4962
Joined: Wed Oct 25, 2006 8:29 pm

Re: How to get a menu item in different color when active?

Post by RonnyK »

style it accordingly in the stylesheet, that styles the menu....

When using the developers-extension of FF, you can see the active styling-elements on-hovering a page....

Ronny
libralion
Forum Members
Forum Members
Posts: 191
Joined: Fri Jul 11, 2008 4:11 pm

Re: How to get a menu item in different color when active?

Post by libralion »

RonnyK wrote: style it accordingly in the stylesheet, that styles the menu....

When using the developers-extension of FF, you can see the active styling-elements on-hovering a page....

Ronny
Hi Ronny,

Yes that is the problem. I am not good in that sort of thing.
I am using the stylesheet of the template I have.
In the template default stylesheet there is something about the current link, but I have no clue how to change that,
This is the part about the menu:

Code: Select all

}
#navlist li a:link {
color : #fff;
background : #476042;
}
#navlist li a:visited {
color : #fff;
background : #476042;
}
#navlist li a:hover {
color : #000;
background : #7ABA2E;
}
#navlist li a#current {
color : #fff;
background : #7ABA2E;
}
.menu ul li {
line-height : 1.8em;
margin : 0 10px 0 0;
padding : 0;
list-style-type : square;
color : #476042;
background : inherit;
}
.menu ul li a {
color : #f17c0b;
background : inherit;
}
.menu ul li a:hover {
color : #7ABA2E;
background : inherit;
}
Last edited by libralion on Tue Dec 30, 2008 3:25 pm, edited 1 time in total.
libralion
Forum Members
Forum Members
Posts: 191
Joined: Fri Jul 11, 2008 4:11 pm

Re: How to get a menu item in different color when active?

Post by libralion »

Ok I solved it. I managed to edit the Navigation CSS menu horizontal and now it works. PFffffff. ;D
Post Reply

Return to “Layout and Design (CSS & HTML)”