Border around images in catalog page

Store UI, layout, design, look and feel; Discussion on the customer facing pages of your online store. Cascading Style Sheets, Themes, Scriptlets, NVelocity and the components in the ConLib directory.
Post Reply
TyMorris
Ensign (ENS)
Ensign (ENS)
Posts: 13
Joined: Fri Jun 05, 2009 5:49 am

Border around images in catalog page

Post by TyMorris » Tue Jul 21, 2009 6:57 am

I've searched the forums for an answer and have not come up with anything. Was hoping someone here could help me out. Our catalog page has a black background and we want to display product images that blend into it. The problem is, there seems to be a default white border around all our images that we just can't seem to remove. Can ANYONE please give me some insight? Our programmers are having a hard time figuring this one out.

here is a link to a test page with a few images uploaded to it: http://verticalsearchsolutions.com/Ski-C225.aspx

Hope this is enough!

User avatar
mazhar
Master Yoda
Master Yoda
Posts: 5084
Joined: Wed Jul 09, 2008 8:21 am
Contact:

Re: Border around images in catalog page

Post by mazhar » Tue Jul 21, 2009 8:08 am

Please read following thread
viewtopic.php?f=44&t=8498

TyMorris
Ensign (ENS)
Ensign (ENS)
Posts: 13
Joined: Fri Jun 05, 2009 5:49 am

Re: Border around images in catalog page

Post by TyMorris » Thu Jul 23, 2009 5:43 am

Thanks Mazhar, I did read that thread previously and sent that to my programmers-- had no luck with it. There wouldn't be some other method by any chance? Does Able put the white borders around the images as a default?? Or are my programmers just..um..missing something? =)

User avatar
mazhar
Master Yoda
Master Yoda
Posts: 5084
Joined: Wed Jul 09, 2008 8:21 am
Contact:

Re: Border around images in catalog page

Post by mazhar » Thu Jul 23, 2009 5:52 am

in your current theme stylesheet locate following code

Code: Select all

.catalog .tableNode .Thumbnail 
{
background:#FFFFFF none repeat scroll 0 0;
line-height:25px;
padding:5px;
}
and change it as below

Code: Select all

.catalog .tableNode .Thumbnail 
{
/*background:#FFFFFF none repeat scroll 0 0;*/
line-height:25px;
padding:5px;
}

Post Reply