Border on New & Featured items pictures?

[julieoolie]

I'd like to put a border around the pictures under New Items and Featured Items on the front page of my store (http://gleefulthings.com/shop/). Can anyone tell me how to do this? Nothing I've tried so far is working

[clydejones]

I'd like to put a border around the pictures under New Items and Featured Items on the front page of my store (http://gleefulthings.com/shop/). Can anyone tell me how to do this? Nothing I've tried so far is working

add the following to your stylesheet.css

.centerBoxContentsNew img {
border: 1px solid #000;
}

.centerBoxContentsFeatured {
border: 1px solid #000;
}

[julieoolie]

thanks, it almost works. On the new items it did put a border around the picture. The only problem is that when a free item shows up there, it will also put a border around the "free" icon.

On the featured items, it puts the border around the picture, text, and price.

Is there anything else I can try?

[clydejones]

thanks, it almost works. On the new items it did put a border around the picture. The only problem is that when a free item shows up there, it will also put a border around the "free" icon.

On the featured items, it puts the border around the picture, text, and price.

Is there anything else I can try?

This will correct the featured section add the highlighted portion

.centerBoxContentsFeatured img {
border: 1px solid #000;
}

The free icon is an image, and the way these declarations are set up it will put a border around any image that appears in the new or featured boxes.

[julieoolie]

That worked! Thanks!

Do you know if there's a way to make FREE just text rather than an image?

[julieoolie]

I found the answer to my question, nevermind!