Forums / Templates, Stylesheets, Page Layout / Centering Product info and Missing column

Centering Product info and Missing column

Locked

Views: 933

Results 1 to 3 of 3
This thread is locked. New replies are disabled.
17 Feb 2009, 3:39 PM
#1
robbin21973 avatar

robbin21973

Zen Follower

Join Date:
Feb 2009
Posts:
153
Plugin Contributions:
0

Centering Product info and Missing column

I just installed Zen cart the other day and have been working on getting it to where I want. I have a problem though (please keep in mind that I am far from an expert and sort of learn as I go).

I installed the mod that allows for up to 4 columns instead of displaying product listings in rows. That worked when I originally installed it and this morning everything is jammed toward the left and the fourth row is pushed under the others. I tried going in to the admin panel and making it three columns instead and it did the same thing, showed two columns and pushed the third under the others.

The other thing I want to do is center the information in that middle panel. I think that whatever is making it justify to the left, might also tie in with what is causing the columns not to display correctly.

http://www.polishpotterystore.com/shopping/index.php?main_page=index&cPath=8
or
Goto https://www.PacificPolishPottery.com/shopping and click on mini plates.

17 Feb 2009, 5:27 PM
#2
gjh42 avatar

gjh42

Black Belt

Join Date:
Jul 2005
Location:
Upstate NY
Posts:
21,876
Plugin Contributions:
8

Re: Centering Product info and Missing column

The border you added to the products was the primary culprit. The product listing items are automatically given a width exactly proportional to the space available; borders, margins or padding on them make each one wider, so they won't all fit.
To demonstrate, find this in your stylesheet:```
#listCell0-0, #listCell0-1
{border: 1px solid #000000;}

#listCell0-2, #listCell0-3
{border: 1px solid #000000;}
and change to this:
#listCell0-0, #listCell0-1
{border: 0px solid #000000; padding: 0;}

#listCell0-2, #listCell0-3
{border: 0px solid #000000; padding: 0;}

17 Feb 2009, 7:45 PM
#3
robbin21973 avatar

robbin21973

Zen Follower

Join Date:
Feb 2009
Posts:
153
Plugin Contributions:
0

Re: Centering Product info and Missing column

That did it. You rock!