Links and their colours

[devaintfire]

OK I would really like to know how to make the current page link appear as a different colour to the others in my navigation.

[Connie]

that is no problem

use Webdeveloper Extension in Firefox or Firebug Extension, identify the CSS- ID or CSS-Class of the current page link and define another color for that in the theme's css file

if you use the plugin childmenu, the style would be:

Code:

#child_menu .current a {color : #000;font-weight : bold;background-color: inherit;}

if you use i18ln-plugin, the style would be:

Code:

.sitemenu li.current > a { font-weight:800; }

there you can add or edit the link-color

[oToom]

Connie, you just even confused me and i know how to do it lmao.

devaintfire, Get-Simple automatically adds the class current to the page open.

So, if you have a navigation with the id as nav, and a list within this, you set the .current colour.

Example,

Code:

#nav li.current a {
color:#fff;
}

the html code that would represent this would be something along the lines of,

Code:

<div id="nav">
<ul>
<li> <?php get_navigation(return_page_slug()); ?> </li>
</ul>
</div>

etcetc. Hope you get it,

[Connie]

Connie, you just even confused me and i know how to do it lmao.

you explained it for #nav and I explained it for other classes which might define the link colors

where is the confusion?

- identify the class using a tool
- define the color in the stylesheet for that appropriate class or id ;=)

[oToom]

I htink more of the reason why i was confused was because spoke about the use of Webdeveloper Extension. I guess this is a good tool if the template that devaintfire is editing isn't his, I spoke more first person, as when i develop i usually called my navigation div, #nav that's all.

Either way, both answers are correct,

[datiswous]

b.t.w. for Google Chrome:

Web Developer
Firebug Lite for Google Chrome