GetSimple Support Forum

Full Version: Links and their colours
You're currently viewing a stripped down version of our content. View the full version with proper formatting.
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.
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
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,
oToom Wrote: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 ;=)
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 Tongue that's all.

Either way, both answers are correct,