Jump to content
  • Checkout
  • Login
  • Get in touch

osCommerce

The e-commerce.

A simple trick from a new guy, pt. 1


jwsfun

Recommended Posts

For those of you who actually like borders around your images and you think they'll benefit your site's overall appeal, here is some easy code to add to your .css to make it happen:

 

td.productListing-data img {

border: 1px orange solid;

}

td.productListing-data a:hover img {

border: 1px blue solid;

}

 

table.infoBoxContents td.smalltext img {

border: 1px orange solid;

}

 

table.infoBoxContents td.smalltext a:hover img {

border: 1px blue solid;

}

 

td.smalltext img {

border: 1px orange solid;

}

 

td.smalltext a:hover img {

border: 1px blue solid;

}

 

The first two take care of your "New Products" box and your first category string, while the last will add a border around the image in your product description.

You can change the "px" to whatever thickness (2 or 3 should probably be the max) you like, change the color (I've used simple basic 'web-friendly' colors) and you can change the border style (solid, dash, groove, etc, etc) to your liking as well. The hovers aren't necessary of course, but taste is relative they say.

Hope you like it. :)

Link to comment
Share on other sites

  • 4 years later...

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...