CMS Made Simple Forums

I am using the vertical bullet menu on my first CMS site and I am having a bit of a problem which probably one of you experts can glance at and figure out...

I want to differentiate the current page from the other pages in the vertical navigation by either changing the color of the link or the decoration (bold) or putting a border around the current page link. Problem is, I can only seem to get the background color of the current link to change. I am changing in CSS for the ".currentpage" and I know I am in the correct place because I can change the background color but I cannot get the color of the link to change or the borders to show...

I am going to do something else for a while and come back and look at it - - but in the meantime if anyone is bored and would not mind looking the site is at ostig.com... I can post the CSS but I assume everyone else can look at it by viewing source and pasting the CSS link in the browser???

Please be kind, I am trying to learn CSS and CMS all at one go... 

KevinK

Hi KevinK,

We're a kind bunch of people, so don't worry!

What you need to do is to change the link color of the current page, that is the link that has the class currentpage. You do this by adding this to your nav-vertical stylesheet:

#menu_vert li a.currentpage {
  color: #ffffff;
}


Of course replace the color with whatever color you wish, the above example is white, so probably not what you need.

I also noticed border+1px solid #000; in

.menuactive, .currentpage {
background-color:#eef;
        border+1px solid #000;
        }

The + sign can't be there, replace that with :

Hope that helps!

It did help, thank you. Was making me nuts after looking at it all morning...

For the record, I was having a hard tine with this too, until I tried this command:

#menu_vertical li.currentpage a {style: here;}

Keywords: currentpage , .currentpage, Current Page Link Style