how to remove blue border around my images?

how do I remove or change the blue border that is around my images?

https://www.sgtpepper.com.au/store

thanks in advance.

Brendan

YZ250:

how do I remove or change the blue border that is around my images?

www.sgtpepper.com.au/store

thanks in advance.

Brendan

Yz,
Find this:
includes/templates/pepperstyle/css/stylesheet.css

a:link, #navEZPagesTOC ul li a {stylesheet.css (line 19)
color:#000000;
text-decoration:none;
}

1. The red font above is the fix
2. But it is not blue it is black
3. Or maybe you already found the fix: :laugh:

Thanks haredo. Ill have a crack at that when I get home from work!

Brendan

Add to your stylesheet

a img {border: none;}

This is in the standard Zen Cart stylesheet; it has been removed from your template's stylesheet.

Thanks GJH42, that worked like a charm.

I just stuck it in line 35 of my style sheet...is that ok? Is there a right and a wrong way of adding new styles to a style sheet?

It would be good practice to first search the stylesheet to see if one of the selectors you are adding is already listed; if so, keeping related rules together will make it easier for you to maintain the stylesheet.

Generic rules like
a img {what: ever;}
should go before specific rules like
#categories a img {what: ever;}
so the specific ones are not overridden by the generic case.

Some people put all of their new rules at the end of the stylesheet.

In the end, whatever functions correctly and is easy for you to maintain is "right"... unless you are working in a corporate or other environment where somebody else may have to work on the code. In that case, following defined standards becomes very important.