Community @ The Turning Gate

Rene66

Member

From: Hamburg, Germany

Registered: 2015-06-26

Posts: 3

Website

Color for Active-Link in Navigation

How can I use Multi-level change a visited link color in the navigation?
Just like here: http://photography.gracesonaufderheide.com/

I tried it in navigation.css with this code:

#nav a: active {

color: # FF0000;

}

Unfortunately it does not work.

Best regards
René

rod barbee

Moderator

From: Port Ludlow, WA USA

Registered: 2012-09-24

Posts: 17,830

Website

Re: Color for Active-Link in Navigation

just take a peak at his custom css by looking at the page source code and finding the code that calls the custom css:

<link rel="stylesheet" href="http://gracesonaufderheide.com/phplugins/css/photo.css" />

and clicking on the link.

You'll see his complete custom css file. Right at the top is this:

/*HIGHLIGHT MENU*/
.selected {
color: #8BD56C !important;
}

here he's applying that green color to any text in the .selected class.

He's also using the same code I posted in my tutorial:

<script>
$(document).ready(function() {
$("#navigation a").each(function() {
if ($(this).prop("href") == window.location.href) {
$(this).addClass("selected");
}
});
});
</script>

---

Rod 
Just a user with way too much time on his hands.
www.rodbarbee.com
ttg-tips.com, Backlight 2/3 test site