Forums / Templates, Stylesheets, Page Layout / Change Display Product Image border color

Change Display Product Image border color

Locked

Views: 1,483

Results 1 to 3 of 3
This thread is locked. New replies are disabled.
21 Jun 2009, 11:52 PM
#1
missinglife avatar

missinglife

Zen Follower

Join Date:
Apr 2009
Location:
Portland, OR
Posts:
104
Plugin Contributions:
0

Change Display Product Image border color

Hi All,

I wondering if anyone could tell me how to change product display image border color.

I set my images background as "#FFFFFF" few months back, and now I am try to find where I can also change display image's border color, but for life of me, I can not find the location to change it.

here is my site: http://vintageartaffair.com

Thanks

22 Jun 2009, 4:58 PM
#2
limelites avatar

limelites

Totally Zenned

Join Date:
Jan 2009
Posts:
2,085
Plugin Contributions:
0

Re: Change Display Product Image border color

Not too sure what you mean by "product display image"... Do you mean the medium sized image in the product info page?

If so then find this in your stylesheet:

#productMainImage and add the necessary border colour there :-)

23 Jun 2009, 1:46 AM
#3
and_or avatar

and_or

New Zenner

Join Date:
Apr 2009
Location:
Netherlands
Posts:
9
Plugin Contributions:
0

Re: Change Display Product Image border color

example:

#productMainImage img { 1px solid black; }
will give any image within the div productMainImage a black border.

Use Firebug with Firefox to find exactly which images you want to style. You can add other element to the rule above like this:

#productMainImage img, #anotherDivImage img {
just don't put a komma behind the last one..

Hope this helps