+- GetSimple Support Forum (http://get-simple.info/forums)
+-- Forum: GetSimple (http://get-simple.info/forums/forumdisplay.php?fid=3)
+--- Forum: Themes (http://get-simple.info/forums/forumdisplay.php?fid=10)
+--- Thread: Links and their colours (/showthread.php?tid=1385)
Links and their colours - devaintfire - 2011-03-11
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.
Links and their colours - Connie - 2011-03-11
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
Links and their colours - oToom - 2011-03-12
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,
Links and their colours - Connie - 2011-03-12
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 ;=)
Links and their colours - oToom - 2011-03-13
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,
Links and their colours - datiswous - 2011-03-14
b.t.w. for Google Chrome:
Web Developer
Firebug Lite for Google Chrome