Boxes around products

I'm using OpenCart 1.4.9.4 and a slightly modified version of the base template.

What I'd like to do is put boxes around all of my products and then a hover on the box. Example: http://www.kurnscandies.com/index.php?r ... ry&path=20

How do I do this?

If you look at his source code you will see that in his CSS he is styling the TABLE CLASS like this:


.list td a img {
/* Border around product images */
/* -moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
padding:5px 1px; */
background:#fff;
border:1px solid #ccc;
}
.list td a:hover img {
/* Border around product images */
border:1px solid #663300;
}

Pay special attention to a:hover. That creates the border that you see on Mouse Over.

In your Open Cart Catolog.tpl you will see the <table class="list">

Open up your man CSS file and add it.

Thanks for the reply!

I'm incredibly bad at programming, so you've lost me.

Go to catalog/view/theme/default/stylesheet/stylesheet.css

Search for the following code: After that code insert this code and you will have a replica of what you showed us on that website:

I love this thread

Anyone know how to remove the border around the product image? I can't find it anywhere.

http://www.kurnscandies.com/index.php?r ... duct_id=53

Found it!

#image {
border:1px solid #FF0000;
}

Hi,
Can anybody tell me where to find:

In my catalog\view\theme\default\stylesheet\stylesheet.css I can find only this:
If I do make changes mentioned above there is not effect. I am using OpenCart 1.5.1.3.
Can anybody help pointing me into right direction?
Thanks,
Bob