Best seller image border colour!

[EdHarrison]

I have a best seller / new product layout that works fine displaying on the homepage but just cant find where to change the border colour from blue? Any advice appreciated...link below:
http://www.telescopehouse.com/

[jont]

If you mean around the images your need to add border="0" into the image <src> tag

[EdHarrison]

thanks, the border can be removed by using "0" but I cant seem to change the colour?

[jont]

Ok - you need to add a class="myPICS" to the <img> tag and in the stylesheet add something like

.myPICS a {border: 1px solid red;}

[EdHarrison]

Thanks, but the image border is already there but in blue, will there be somewhere that already designates the colour?

[guccij]

The reason the border is blue is because the image is a link. What Jont says above will change the border to something else, to override the automatic blue.

[EdHarrison]

I have changed the global link colours but it's still blue! Will look at changing the code as above

[guccij]

Image links are different - changing the other link colours in the theme or in the css won't help. AFAIK, images as links have had blue borders (unless otherwise specified using border=0 or in the css) since the dawn of html time.

[EdHarrison]

Is there an easy way to change the colour - maybe in the stylesheet?

[NormanRouxel]

Erm, that's what Jont's post #4 was about.

[EdHarrison]

Easy when you know how! I do appreciate the help but this is beyond my level. Sometimes people on here have had the same issues and say I did this..............and so on. You guys are giving me the info I'm sure but in a way that only guys at your level could implement.

[jont]

Ed - click on the image in design tab and you will see something like:

<img src="ProductImageFilename"
width="..."
height=".."
alt="...."
/>

add in there above the last line:

class="myPICS"

open the actinic.css stylesheet and add

.myPICS a {border: 1px solid red;}

where "red" is the colour you want to use and 1px is the width.

*remember* .... adding a border width can mess with some layouts (but you are already using a border so should not be an issue in your case but for other reading this) .... the style of links <a> follows a cascade of rules so start by putting them at the bottom of the actinic.css stylesheet.

HTH

[EdHarrison]

Thank you, I will take a look first thing - much appreciated and makes sense even to me!

cheers