4 replies to this topic

[lpandolfino]

Hi, I'm using the last PageLines framework on WordPress 3.4.2.

On the website

Please Login or Register to see this Hidden Content

I'm using the classic NavBar but I need to have different colour for background and text with the Active state.
With this custom code I can change the NavBar for all the states:

.navbar .navline a {
background-color: #70b8dd;
font-color: #FFFFFF;
text-decoration: none;


But for the active I haven't found the correct code.

Thanks

[lpandolfino]

OK, I think I am near to the solution... but I need you help


#site .navbar .navline li a:active {
background-color: #70b8dd;
color: #FFFFFF;
text-decoration: none;
}

But now I need the colours remains on the page I am looking.

[catrina]

To change the link color for an active page, you'll need to add the body class page ID for that page and the link item class in the CSS. For example:

Please Login or Register to see this Hidden Content

body.page-id-# = The body class page ID for the specific page (you can find it in the body tag)
li.page-item-# = The class looks something like this (you find it using Firebug:

Please Login or Register to see this Hidden Content

)

[lpandolfino]

I edited... solved!


body.page-id-38 #site .navbar .navline li.page-item-38 a {
background-color: #70b8dd;
color: #FFFFFF;
text-decoration: none;
}

So when I am on the single page the link on the navbar has font and background different than the others.

Catrina you are the best!

[catrina]

You're welcome and yes, and you just repeat the same process for the other pages.