Zen Cart Logo
Forums / Templates, Stylesheets, Page Layout / Need Boxes around product on category page

Need Boxes around product on category page

Views: 875

Results 1 to 6 of 6
3 Feb 2013, 5:54 AM
#1
cshart avatar

cshart

Zen Follower

Join Date:
Mar 2005
Posts:
370
Plugin Contributions:
0

Need Boxes around product on category page

I can get the border to show on the product page where there is only one product, but I want to put a border around the items on the category page that are in columns. They have a full listing of information title, description, buy now button.

If this is not possible how do I turn off the description on the product in columns on the category page.

I have read the forum and it does not deal with the category page just the product page.

Thanks,

C

3 Feb 2013, 6:04 AM
#2
haredo avatar

haredo

Totally Zenned

Join Date:
Apr 2006
Location:
Texas
Posts:
6,178
Plugin Contributions:
0

Re: Need Boxes around product on category page

Please provide a link to the page in question ...

3 Feb 2013, 10:21 PM
#4
haredo avatar

haredo

Totally Zenned

Join Date:
Apr 2006
Location:
Texas
Posts:
6,178
Plugin Contributions:
0

Re: Need Boxes around product on category page

Just edit the bottom of your cart/includes/templates/classic/css/stylesheet.css ...

Take out what you have and replace with this ...

.centerBoxContentsProducts {
display: block;
padding: 1px;
text-align: left;
border: 1px dotted #76348b; }

4 Feb 2013, 3:40 AM
#5
cshart avatar

cshart

Zen Follower

Join Date:
Mar 2005
Posts:
370
Plugin Contributions:
0

Re: Need Boxes around product on category page

Is there a way to center the image in that box?

4 Feb 2013, 5:01 AM
#6
haredo avatar

haredo

Totally Zenned

Join Date:
Apr 2006
Location:
Texas
Posts:
6,178
Plugin Contributions:
0

Re: Need Boxes around product on category page

Add this to the bottom of the stylesheet.css

.centerBoxContentsProducts a img {
display: block;
margin-left: auto;
margin-right: auto;
}

Delete this code you put in before. It is useless

.centerBoxContentsProducts .centeredContent{
display: block;
padding: 5px;
text-align: left;
border: 1px solid #76348b; }