Thumbnail Style Control

[Guest shawn123]

Hello,

I want to do something that I'm sure is possible, but I can't figure out what files to mod.

Here's a link to my website example page:

http://boulderingpads.com/climbing_gear/in...cam&act=viewCat

Notice how all the thumbnails are white box backgrounds?

I would like to add a simple 1px black border around all thumbnails and or have more control over the thumbnail styles.

I'm clueless on where to do this though?

[Guest shawn123]

BUMBER, I thought it would be easier than that?

BTW - what's firefox?

[markscarts]

Actually very simple to do this.

OPEN your skin's styleTemplates/content/viewCat.tpl file.

FIND this code:

	<td align="center" class="{CLASS}"><a href="index.php?act=viewProd&amp;productId={PRODUCT_ID}" target="_self"><img src="{SRC_PROD_THUMB}" alt="{TXT_TITLE}" border="0" title="{TXT_TITLE}" /></a></td>

REPLACE with this code:

	<td align="center" class="{CLASS}"><a href="index.php?act=viewProd&amp;productId={PRODUCT_ID}" target="_self"><img src="{SRC_PROD_THUMB}" alt="{TXT_TITLE}" style="border: 1px solid #000000" title="{TXT_TITLE}" /></a></td>

You are simply changing this part: border="0"

For this: style="border: 1px solid #000000"

[Guest [email protected]]

Firefox is another browser, that is used by quite alot of people these days as it's better in many ways than Internet Explorer.

It's free to download and use, just do a google search.