Forums / Templates, Stylesheets, Page Layout / color box around images

color box around images

Locked

Views: 1,586

Results 1 to 5 of 5
This thread is locked. New replies are disabled.
12 Oct 2006, 10:19 AM
#1
bigfatgreedykat avatar

bigfatgreedykat

New Zenner

Join Date:
Aug 2006
Posts:
49
Plugin Contributions:
0

color box around images

Hello all

Is it possible to put a colored box around images?

I'm guessing this might be a style sheet issue??? But its only a guess!!

Look forward to any replies!

BFGK

12 Oct 2006, 11:49 AM
#2
ryk avatar

ryk

Totally Zenned

Join Date:
Oct 2004
Location:
Southport, UK
Posts:
3,644
Plugin Contributions:
6

Re: color box around images

img {border: 5px solid #f00;} will give you a 5 pixel red border around your pics...ALL of them, so you may need to be a bit more specific in your stylesheet.

BTW - I understand what you're trying to achieve, but the dark red is almost impossible to see on the black background until you hover on it...I suspect people will get fed up after a few seconds as soon as the novelty of the effect wears off.

Development Manager @ JSWeb Ltd - suppliers of Applepay/Googlepay for Zencart
20 years with Zencart !

12 Oct 2006, 12:23 PM
#4
bigfatgreedykat avatar

bigfatgreedykat

New Zenner

Join Date:
Aug 2006
Posts:
49
Plugin Contributions:
0

Re: color box around images

Sorry

Just realised code wraps border around main logo header!!!

Just wanted border around images below logo banner!!!

Any ideas

Thanks in advance

BFGK

12 Oct 2006, 12:47 PM
#5
ryk avatar

ryk

Totally Zenned

Join Date:
Oct 2004
Location:
Southport, UK
Posts:
3,644
Plugin Contributions:
6

Re: color box around images

I did warn you :wink2: You need to locate the specific class where you want to apply this and then the code would be something like

#classid img {border: 5px solid #f00;}

or

. classname img {border: 5px solid #f00;}

Development Manager @ JSWeb Ltd - suppliers of Applepay/Googlepay for Zencart
20 years with Zencart !