CSS, hyperlinks and wordpress

Can someone help with a bit of css coding?

At the moment I’m using the BranfordMagazine Theme and it fits in beautiful for what I want; with one exception – the links.

The links are called as usual in the style sheet, here’s how the look:
Code:

a:link, a:visited {
color: #333;
text-decoration:none
}

a:hover, a:active {
color:#333;
text-decoration:underline;
}

Unfortunately the colour of the main text has also been set at #333 and as you can imagine when you create a link within a post e.g. to an affiliate program it appears as just ordinary type and unless the visitor hovers over the actual link they have no way of knowing there is one there.

What I’m trying to do is overwrite the command in the style sheet on a post by post basis so as I can have links within the post a different colour from those in the stylesheet. I understand it can be done by using css but I’m not really into coding. I’ve hacked the following from bits and pieces I’ve seen in tutorials – but I don’t really understand what to do.

In header.php I’ve created a class called ‘.hyper’ it looks like this
Code:

.hyper
a:link, a:visited {
color: #0000ff;
text-decoration:none
}

a:hover, a:active {
color:#0000ff;
text-decoration:underline;
}

So let’s say I was writing the following: “for more infomation CLICK HERE,’ and I wanted to hyper link the words CLICK HERE in colour blue as above and pointing to www.mydomain.com, what’s the actual coding I’d use?

For non programers like myself a plugin would be ideal but I've hunted around for one and there dosen't seem to be one out there

You might suggest it would be better just to make all the links blue and that is very easily done but I would prefer to have the links in the sidebar remain as they are, it is visible more appealing.

Glad of any help

Kevin

 

Change your css to:

.hyper
a:link, .hyper a:visited {
color: #0000ff;
text-decoration:none
}

.hyper a:hover,.hyper a:active {
color:#0000ff;
text-decoration:underline;
}

Code (markup):

and whenever you want to utilize this class you have to make sure your link follows this format:

<a href="http://forums.digitalpoint.com/" class="hyper">link</a>

Code (markup):