Nav Style edit?

[davehardy]

http://www.easternvirtualairways.com/eva/index.php

Ive changed the bg image of my navbar to a dark blue but the text is grey and unreadable, ive tried all i can change in the skins style.css but cant find the code that controls it!!

Please point me to the code?

Cheers, Dave.

[Nabeel]

It'll be in #nav a since they are links

[davehardy]

Yeah i changed em all but i cant get it to go white, pulling my hair out trying lol.

#nav-one li:hover a,

#nav-one li.sfHover a {

  background: #ccc;

  color: #ffffff;

}

#nav-one li:hover ul a,

#nav-one li.sfHover ul a {

  background: #ffffff;

  color: #ffffff;

}

#nav-one li:hover ul a:hover,

#nav-one li.sfHover ul a:hover {

  background: #ccc;

  color: #ffffff;

[Nabeel]

I don't see a #nav-one element on your page, it's #nav

[davehardy]

Standard Crystal css file

/* Navigation */

.nav, .nav ul {

list-style: none;

margin: 0;

padding: 0;

}

.nav {

  font-family: Arial, Helvetica, sans-serif;

  z-index: 1000;

  position: relative;

}

.nav li {

  float: left;

  margin: 0;

  padding: 0;

  position: relative;

  background: url(images/navbg.jpg) repeat-x 0 0 #ffffff;

}

.nav li a, .nav li a:link, .nav li a:active, .nav li a:visited {

  font: bold 1.22em/25px Arial, Helvetica, sans-serif;

  background: #ffffff;

  color: #ffffff;

  display: block;

  padding: 0 9px;

  text-transform: lowercase;

  text-decoration: none;

}

.nav li a:hover {

  background: #ccc;

  color: #ffffff;

}

#nav-one li:hover a,

#nav-one li.sfHover a {

  background: #ccc;

  color: #ffffff;

}

#nav-one li:hover ul a,

#nav-one li.sfHover ul a {

  background: #ffffff;

  color: #ffffff;

}

#nav-one li:hover ul a:hover,

#nav-one li.sfHover ul a:hover {

  background: #ccc;

  color: #ffffff;

}

.nav ul {

  background: #ffffff;

  background: url(images/navbg.jpg) repeat-x 0 0 #ffffff;

  list-style: none;

  margin: 0;

  width: 150px;

  position: absolute;

  top: -999em;

  left: -1px;

}

.nav li:hover ul,

.nav li.sfHover ul {

  top: 37px;

}

.nav ul li {

  border: 0;

  float: none;

}

.nav ul a {

  border: 1px solid #cccccc;

  border-bottom: 0;

  padding-right: 20px;

  width: 150px;

  white-space: nowrap;

}

.nav ul a:hover {

  background: #ccc;

  color: #000;

}

[Nabeel]

Try adding it in .nav ul a

I haven't touched the skins in months.. lol.

[davehardy]

nope that didnt fix it either

[davehardy]

If you have a spare min could you try and find the code? I cant find it anywhere

[davehardy]

OK Nabeel ive sorted this out now

Not sure ifyou have it documented but when you copy the crystal skin and rename it to your own you need to edit the header.tpl to point to your new skin and not the crystal that it used to be.

<link rel="stylesheet" media="all" type="text/css" href="<?php echo SITE_URL?>/lib/skins/crystal/styles.css" />

[Nabeel]

I will add that into the docs! Thanks.

What was the problem?

[davehardy]

<link rel="stylesheet" media="all" type="text/css" href="<?php echo SITE_URL?>/lib/skins/crystal/styles.css" />

That line in Crystal header.tpl needs editing to point to your newly named skin folder.