Stylesheet Question

[bgroup99]

Hi,

My site is www.vapenow.com. On the EZ Pages header at the top are a couple links ('Vaporizer FAQ's' and 'Health Benefits'). They are currently displaying in orange (#993311) and change to red underline normal weight when hovered over.

I would like to have these links display in navy blue and turn yellow. no text decoration, bold weight when hovered on like the reviews and new products sideboxes already do.

I've been messing around with my stylesheet all afternoon, but can't seem to figure out the right place to do the edits.

Any help is greatly appreciated!

Thanks,

Nate

[kobra]

Find or ADD these to your stylesheet:along with ant other font styling you want

#navEZPagesTop a {
        color: #??????;

#navEZPagesTop a:hover{
        color: #??????;
}

#navEZPagesTop a:visited {
        color: #??????;
}
}

[bgroup99]

Thanks Kobra. That did the trick.

One last issue I'm trying to figure out. Right now on the unvisited EZ-Pages links, when the cursor hovers they change color to yellow (#FFFF33).

However, on visited EZ-Pages links, when the cursor is over the link it doesn't change color. I'd like both visited and unvisited pages to change to yellow (#FFFF33).

Any advice? Thanks.

[kobra]

However, on visited EZ-Pages links, when the cursor is over the link it doesn't change color.

When you are there it is no longer a link

[rainthebat]

Hi,
Currently you have a hover color set to #FF0000 (that nice yellow.
a:hover, #navCatTabs ul li a:hover {
color: #FF0000;
text-decoration: underline;
font-weight: normal;
}
However because of the next rule in your style sheet:
a:visited, #navEZPagesTOC ul li a{
color: #9a9a9a;
text-decoration: none;
}

and more specifically because of this line:
#navEZPagesTOC ul li a

Your telling all links under #navEZPagesTOC to have a visited
color that is dark.

- A quick fix would be to to remove ", #navEZPagesTOC ul li a"
the part in quotes from the style rule.

[bgroup99]

When you are there it is no longer a link

Even if I go back to 'Home' the link will still no longer change to yellow on hover.

Once any of the ez-pages links are clicked on they no longer turn yellow on hover no matter where on the site one is.

Thanks!

[rainthebat]

Sorry, wrong answer by me, brain malfunction!

Further down in your stylesheet is where the colors for these links are controlled, find these lines.

#navEZPagesTop a {
color: #004080;
}

#navEZPagesTop a:hover{
color: #FFFF33;
text-decoration: none;
font-weight: bold;
}

#navEZPagesTop a:visited {
color: #004080;
}

Change the color of #navEZPagesTop a:visited{}
to whatever color you want the visited links to display as,
or you could remove the line and the visited links would always
be yellow when you hovered over them.

[bgroup99]

or you could remove the line and the visited links would always
be yellow when you hovered over them.

Perfect. That did the trick. Thank you very much!

[kobra]

I looked quickly and did not see where you entered the listings that I posted???

When I add them to the end of your stylesheet this works try adding them (correct the misplaced/missing closing tag and checking if they currrently exist

[bgroup99]

I added them around line 350 on the stylesheet. If you look at www.vapenow.com everything is working how I want it to now. Thanks for your guidance!