Jump to content

  • You cannot start a new topic
  • You cannot reply to this topic

Borders around product image - images Rate Topic   - - - - -

 
  • poloxstar
  • Member
  • Members
  • Join Date: 17-Jan 07
  • 71 posts

Posted 21 January 2008 - 08:57 PM #1

Does anybody know how to add grey borders around the product detail and product list pages?

 
  • wetdec
  • Member
  • Members
  • Join Date: 12-Jan 08
  • 86 posts

Posted 22 January 2008 - 04:54 PM #2

This isnt installation !


Are you using firefox ??
ThE nEw gUy BuT gEtTiNg ThErE
:confused:
1.3.5 Sp4

 

Posted 22 January 2008 - 11:09 PM #3

This isnt installation !

Moved :)
I've moved on from CS-Cart to WooC******** - If you need anything I can be of little help.

 
  • DELTA9000
  • Senior Member
  • Authorized Reseller
  • Join Date: 17-Apr 07
  • 356 posts

Posted 24 January 2008 - 03:32 PM #4

i personally like to do it this way.

in the styles.css add this:
.image-border {
border-width:2px;
border-color:#F1D98E;
}

Change the hex code color to grey code or whatever you want

Then around each image that you want to have this 2 pixel border add:

class="image-border" in the img html tag

obviously if you want every image on your shop to have this border - adjust the image template

good luck

 
  • dgeere
  • Member
  • Members
  • Join Date: 11-Dec 07
  • 93 posts

Posted 24 January 2008 - 08:28 PM #5

Yup, did a similar thing on yumbadges.com :)