change colour of links

[Guest]

Hey everyone,

 

I'm really hoping someone can help me with this as it's driving me mad. :(

 

I've recently changed the background to my store and now I have a problem with the links on my site. They have changed to blue and a pink/purple colour but you can't see them very well against the background colour. I have looked everywhere and been through the stylesheet but can't seem to find where I would change the colour of the links.

 

It's probably something really simple but I'm a bit of a newbie and would really appreciate if someone can have a look and advise what I should do.

 

my site

 

Many thanks in advance,

Michelle.

[germ]

Your stylesheet has a few errors.

:blush:

 

Change this:

 

text-decoration:underline;
color:#ffffff;
}

to

 

A {
text-decoration:underline;
color:#ffffff;
}

(That changes the link colors)

 

Change this:

 

.boxText { font-family: Arial, Helvetica, sans-serif; font-size: 10px; color #ffffff; }

to

 

.boxText { font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #ffffff; }

Change this:

 

TD.headerError {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;Verdana
 background: #ff0000;
 color: #ffffff;
 font-weight : bold;
 text-align : center;
}

to

 

TD.headerError {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
 background: #ff0000;
 color: #ffffff;
 font-weight : bold;
 text-align : center;
}

 

In this:

 

.infoBox {
 background: #;
}

you need a 6 digit hex color value.

 

Change this:

 

.infoBoxContents {
 background:#764245
 font-family: Arial, Helvetica, sans-serif;
 font-size: 10px;
}

to

 

.infoBoxContents {
 background:#764245;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 10px;
}

Change this:

 

TD.infoBoxHeading {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 10px;b10a60
 font-weight: bold;
 background: #b10a60;
 color: #ffffff;
 padding-left:10px;
}

to

 

TD.infoBoxHeading {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 10px;
 font-weight: bold;
 background: #b10a60;
 color: #ffffff;
 padding-left:10px;
}

Change this:

 

.checkoutBarCurrent { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #foa480; }

to

 

.checkoutBarCurrent { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #f0a480; }

If you're going to monkey with the stylesheet you should really get something you can check it with (I use the Web developer plugin in Firefox)

;)

 

Sometimes after changing the stylesheet you have to hold the <Ctrl> key down while doing a page refresh in the browser to force the browser to reload all contents from the server, including the newly changed stylesheet.

 

This works with IE and Firefox.

[Guest]

Thanks germ - worked a treat!!