Zen Cart Logo
Forums / Basic Configuration / Making horizontal space between products in product grid listing

Making horizontal space between products in product grid listing

Locked

Views: 2,637

Results 1 to 8 of 8
This thread is locked. New replies are disabled.
7 Oct 2009, 8:48 AM
#1
alwaysriding avatar

alwaysriding

New Zenner

Join Date:
Dec 2008
Posts:
26
Plugin Contributions:
0

Making horizontal space between products in product grid listing

Hi,

Could anyway let me know how to make a bit more room between products horizontally in the product grid please?

I tried the padding suggestion on another post, but that didn't work so well.

My problem is that some of the sale/reduced price prices are almost bleeding into the next product to the right.

Thanks,

Pete

7 Oct 2009, 9:56 AM
#2
stevesh avatar

stevesh

Black Belt

Join Date:
Feb 2005
Location:
Lansing, Michigan USA
Posts:
19,793
Plugin Contributions:
2

Re: Making horizontal space between products in product grid listing

We'll need a link to your site.

7 Oct 2009, 11:14 AM
#3
alwaysriding avatar

alwaysriding

New Zenner

Join Date:
Dec 2008
Posts:
26
Plugin Contributions:
0

Re: Making horizontal space between products in product grid listing

Hi,

No probs, check out the following link. Notice the top left area where the jacket with the reduced price info is bleeding into the next product on the right.

The URL is here

7 Oct 2009, 11:49 AM
#4
stevesh avatar

stevesh

Black Belt

Join Date:
Feb 2005
Location:
Lansing, Michigan USA
Posts:
19,793
Plugin Contributions:
2

Re: Making horizontal space between products in product grid listing

You're putting a lot of info in each space, and you're running out of room. The grid display mod divides the available space by the number of columns desired, so I think the only wany to get more space between them would be to increase the width of #mainWrapper in the stylesheet.

7 Oct 2009, 12:31 PM
#5
alwaysriding avatar

alwaysriding

New Zenner

Join Date:
Dec 2008
Posts:
26
Plugin Contributions:
0

Re: Making horizontal space between products in product grid listing

Good point. Looks like I can manage that. Can I ask where I would find the particular file to extend the footer? Thanks ever so much for your help.

7 Oct 2009, 12:51 PM
#6
stevesh avatar

stevesh

Black Belt

Join Date:
Feb 2005
Location:
Lansing, Michigan USA
Posts:
19,793
Plugin Contributions:
2

Re: Making horizontal space between products in product grid listing

alwaysriding:

Can I ask where I would find the particular file to extend the footer?

In what direction? If you increase the width of #mainWrapper, the footer should increase with it.

7 Oct 2009, 12:56 PM
#7
alwaysriding avatar

alwaysriding

New Zenner

Join Date:
Dec 2008
Posts:
26
Plugin Contributions:
0

Re: Making horizontal space between products in product grid listing

Hi,

Thanks for that. Horizontally, but it doesn't extend when the main wrapper is increased.

Don't worry, i'll figure it out.

All the best,

Pete

7 Oct 2009, 2:24 PM
#8
gjh42 avatar

gjh42

Black Belt

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

Re: Making horizontal space between products in product grid listing

Your template has hard-coded the width of #navSuppWrapper, so you will have to edit /includes/templates/your_template/common/tpl_footer.php.```

<div id="navSuppWrapper" style="width: 896px; position: relative; left: -8px;"> <div id="navSupp"> <table cell-padding="5"> <tbody> <tr> <td valign="top" align="left" style="width: 150px;"> </td> <td valign="top" align="left" style="width: 150px;"> ```