Zen Cart Logo
Forums / Templates, Stylesheets, Page Layout / Making Border around Prod. Pics using Gloss Black Temp.

Making Border around Prod. Pics using Gloss Black Temp.

Locked

Views: 1,625

Results 1 to 6 of 6
This thread is locked. New replies are disabled.
25 Feb 2007, 6:47 PM
#1
reefrocks avatar

reefrocks

New Zenner

Join Date:
Sep 2006
Posts:
13
Plugin Contributions:
0

Making Border around Prod. Pics using Gloss Black Temp.

Im in process of creating a new store called gulfcoastblades and im using a modified version of the Gloss Black template.
Heres where the question comes up,
Is there a way to create a 3 to 5 pixel border around the product images thru the cart or thru the css sheet.
Im looking for any options short of haveing to put the border around the individual images themselves.

Thanks in advance
DAMIAN

25 Feb 2007, 8:38 PM
#2
birdoasis avatar

birdoasis

Inactive

Join Date:
Jun 2005
Location:
Cheney WA
Posts:
1,123
Plugin Contributions:
0

Re: Making Border around Prod. Pics using Gloss Black Temp.

You can use the Image Handler 2 module that can be downloaded from this site. It has a border option.

John Patrick
A Zen Cart Advocate!

25 Feb 2007, 8:52 PM
#3
reefrocks avatar

reefrocks

New Zenner

Join Date:
Sep 2006
Posts:
13
Plugin Contributions:
0

Re: Making Border around Prod. Pics using Gloss Black Temp.

I must be so tired as to be missing it somewhere then. Ive looked in the images under configuration and also looked in ImageHandler2 link under tools.
Maybe im just completely overlooking it or maybe it called by something im not looking for correctly.
Could ya maybe point me towards that particular option.

26 Feb 2007, 1:38 AM
#4
reefrocks avatar

reefrocks

New Zenner

Join Date:
Sep 2006
Posts:
13
Plugin Contributions:
0

Re: Making Border around Prod. Pics using Gloss Black Temp.

Guess a working link might help http://gulfcoastblades.com

26 Feb 2007, 6:18 AM
#5
gjh42 avatar

gjh42

Black Belt

Join Date:
Jul 2005
Location:
Upstate NY
Posts:
21,876
Plugin Contributions:
8

Re: Making Border around Prod. Pics using Gloss Black Temp.

1: It's not in your own admin; look on this site in Downloads (top of this page).

2: You can specify a border around images in your stylesheet. Near the top you will see

a img {
border: none;
}

Don't change this or all image links (including button graphics) on your site will have borders.
Add below this

#productListing a img, #productMainImage a img {
border: 3px;
}

There may be other categories of images you want bordered; look up their class/id info with the Firefox Web Developer > Information > Display Element Info button.

26 Feb 2007, 9:39 AM
#6
reefrocks avatar

reefrocks

New Zenner

Join Date:
Sep 2006
Posts:
13
Plugin Contributions:
0

Re: Making Border around Prod. Pics using Gloss Black Temp.

I already had imagehandlre installed, its pretty much a prerequisite now a days, I just couldnt see or locate anything to do with image borders in it.

Now the good news, YOUR HINT HELPED TREMONDOUSLY......
Thank You
I did have to make one simple change though to get it to show up for some reason,(I dont understand why it does it just does and the end is all that matters)
Where you mentioned use this.....

#productListing a img, #productMainImage a img {
border: 3px;
}

Just give it a little tweak to include "solid" like below and also the color of choice for your border....

 
#productListing a img, 
#productMainImage a img {border: 3px solid #ff0000;
     }

Thanks gjh42
DAMIAN
http://gulfcoastblades.com