Link Text Hover Color

[bowers01]

Hi,
On my site i currently have the link standard. I want to change the links to black but when hovering over the color changes to a color say orange. If i change the color to black by adding <font color="#000000"> it makes it black but the color does not change when being hovered over it. How do i change the color but keep the change on hover? Im guessing its in the style.css but i couldnt find it.
Any Help would be great.
Cheers,
Nick

[Eric Barnes]

In the default template it is at the top of the style sheet:

/* links */
a { color: #003B6E;}
a:hover { color: #9EC068; }

You would edit the a:hover

[bowers01]

Hi,
Is it possible to set it infront of certain links? I only really want it in the search reults and the featured items on the front page. But any other link to be standard.
Cheers,
Nick

[Lhotch]

Originally Posted by bowers01

Hi,
Is it possible to set it infront of certain links? I only really want it in the search reults and the featured items on the front page. But any other link to be standard.
Cheers,
Nick

You have two options, define a new css class and apply it to the template manually or if you have to edit the template anyway, I would just put the style for the element directly on the element you want to change and it should override the style sheet.

http://www.w3schools.com/css/css_howto.asp

[bowers01]

Hi,
I have made a new style in the style sheet

.showlistings
a { color: #000000;}
a:hover { color: #FF6600; }

How do i call it infront of the showlisting links?
I want to add it to this link

<a href="{$entry.link}" style="text-decoration: none">{$entry.title}</a>

Any Help is great.
Cheers

[civ]

Actually you made a new class. So now call that class.

[Mike-N-Tosh]

Attention CLASS, attention. Is that how you call a class?

OK, OK, class="showlistings"

<a href="{$entry.link}" class="showlistings" style="text-decoration: none">{$entry.title}</a>

-Mike

[bowers01]

Hi,
Thanks for that, works like a charm in the showlisting but when was trying to put it in the featured page for the fornt page i get an error.
I used

$output.="<a href='". $link ."' style='text-decoration: none' class="showlistings">".$loop[$x][title] ."</a><br />";

And then tried

$output.="<a href='". $link ."' class="showlistings" style='text-decoration: none'>".$loop[$x][title] ."</a><br />";

and get an error on that line for both tries.
Any ideas why and how to do it?
Cheers

[Eric Barnes]

For this you are working directly in php so you have to watch your quotes.

You have this:

$output.="<a href='". $link ."' class="showlistings" style='

Which is not correct because because directly after $output.= is a double quote. This means for you to use double quotes again you need to either escape them or use single quotes.

Example:

$output.="<a href='". $link ."' class=\"showlistings\" style='

[bowers01]

Hi,
Thanks,
Worked like a charm.
Cheers