"active page" menu font color different from the "non-active" pages?

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
User avatar
duplay
Power Poster
Power Poster
Posts: 289
Joined: Tue Mar 14, 2006 1:57 pm

"active page" menu font color different from the "non-active" pages?

Post by duplay »

I want to make the "active selected page" menu font Black and the other non-selected pages white. Can this be done?



[gelöscht durch Administrator]
Russ
Power Poster
Power Poster
Posts: 813
Joined: Fri Nov 25, 2005 5:02 pm

Re: "active page" menu font color different from the "non-active" pages?

Post by Russ »

It is configured in the CSS for the menu.

Hope this helps,
Russ
User avatar
duplay
Power Poster
Power Poster
Posts: 289
Joined: Tue Mar 14, 2006 1:57 pm

Re: "active page" menu font color different from the "non-active" pages?

Post by duplay »

That part I knew, I am looking for deatils on how to do it. Thanks for your time though.
User avatar
Dr.CSS
Moderator
Moderator
Posts: 12711
Joined: Thu Mar 09, 2006 5:32 am

Re: "active page" menu font color different from the "non-active" pages?

Post by Dr.CSS »

When the page is viewed in browser rite clik view source and you will/should get the class of the active page, use that to do the styling.
User avatar
duplay
Power Poster
Power Poster
Posts: 289
Joined: Tue Mar 14, 2006 1:57 pm

Re: "active page" menu font color different from the "non-active" pages?

Post by duplay »

Thanks Mark! I havent seen you on the boards lately! I will try and take a look.
amygdela

Re: "active page" menu font color different from the "non-active" pages?

Post by amygdela »

the CSS class in the {breadcrumb} module is "current", just add

.current {
background: #CCC;
color: #000;
}

to your CSS, should do the trick!
User avatar
duplay
Power Poster
Power Poster
Posts: 289
Joined: Tue Mar 14, 2006 1:57 pm

Re: "active page" menu font color different from the "non-active" pages?

Post by duplay »

Are you sure the breadcrumbs will have a change with the menu text? I will give it a try. Thanks
squigg

Re: "active page" menu font color different from the "non-active" pages?

Post by squigg »

duplay wrote: Are you sure the breadcrumbs will have a change with the menu text? I will give it a try. Thanks
No it won't. I assume you are configuring the default Template, in which case the sections you need to change are:

div#menu_vert a {
  color: #FFF;
}

div#menu_vert ul h3 {
  color: #000;
}

Just add those lines above into the relevant sections in the vertical menu CSS.
Last edited by squigg on Tue Sep 05, 2006 1:15 pm, edited 1 time in total.
User avatar
duplay
Power Poster
Power Poster
Posts: 289
Joined: Tue Mar 14, 2006 1:57 pm

Re: "active page" menu font color different from the "non-active" pages?

Post by duplay »

Will I change the above in the template, or in the stylesheet for the menu? Thanks
Post Reply

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