Zen Cart Logo
Forums / Templates, Stylesheets, Page Layout / Border on New & Featured items pictures?

Border on New & Featured items pictures?

Locked

Views: 2,302

Results 1 to 8 of 8
This thread is locked. New replies are disabled.
6 Feb 2008, 2:23 AM
#1
julieoolie avatar

julieoolie

Zen Follower

Join Date:
Jul 2006
Location:
Southern California
Posts:
109
Plugin Contributions:
0

Border on New & Featured items pictures?

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 :(

6 Feb 2008, 3:53 AM
#2
clydejones avatar

clydejones

Deceased

Join Date:
Nov 2005
Location:
Colorado Springs, CO USA
Posts:
7,017
Plugin Contributions:
12

Re: 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 :(

add the following to your stylesheet.css

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

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

6 Feb 2008, 4:01 AM
#3
julieoolie avatar

julieoolie

Zen Follower

Join Date:
Jul 2006
Location:
Southern California
Posts:
109
Plugin Contributions:
0

Re: Border on New & Featured items pictures?

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?

6 Feb 2008, 6:00 AM
#4
clydejones avatar

clydejones

Deceased

Join Date:
Nov 2005
Location:
Colorado Springs, CO USA
Posts:
7,017
Plugin Contributions:
12

Re: Border on New & Featured items pictures?

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?

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.

6 Feb 2008, 11:09 PM
#5
julieoolie avatar

julieoolie

Zen Follower

Join Date:
Jul 2006
Location:
Southern California
Posts:
109
Plugin Contributions:
0

Re: Border on New & Featured items pictures?

That worked! Thanks!

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

7 Feb 2008, 12:10 AM
#6
julieoolie avatar

julieoolie

Zen Follower

Join Date:
Jul 2006
Location:
Southern California
Posts:
109
Plugin Contributions:
0

Re: Border on New & Featured items pictures?

I found the answer to my question, nevermind! :smile:

10 Apr 2008, 2:04 PM
#7
retailproductsgroup avatar

retailproductsgroup

New Zenner

Join Date:
Apr 2008
Location:
NJ
Posts:
29
Plugin Contributions:
0

Re: Border on New & Featured items pictures?

Hello,

I was searching sround and found this post and the code works perfectly.

Clyde? I have one of your templates here:

http://retailproductsgroup.com/greeting_cards/

At present, I cannot show borders on any of the cards with the exception of the html that I've added and of course the code you've provided for "new products".

What code is there that I can insert to add borders to all images throught out the site?

Thanks.......:)
Garry
RPG

23 Apr 2008, 5:07 PM
#8
retailproductsgroup avatar

retailproductsgroup

New Zenner

Join Date:
Apr 2008
Location:
NJ
Posts:
29
Plugin Contributions:
0

Re: Border on New & Featured items pictures?

Found the answer in another thread.

Thank you......:)