Spaces Between Products
 

Hi,

I have 5 columns of products. How do you reduce the space between each product?

Also how do you reduce the space between the left menu and products main?

I have searched for this but cannot find a thread that addresses these issues.

Thank you very kindly.

Re: Spaces Between Products
 

Have a look at customer/main/products.tpl. You'll see it is a table-based layout, so you can either decrease the padding in the table, or get rid of the table all together. As for the left margin, that is probably a table cell in customer/home.tpl.

Moving this to the Template Editing forum.

Re: Spaces Between Products
 

Ryan,

There is a table but no padding.

"<table width="100%">"

Also <td class="PListImgBox">

I adjusted the PListImgBox but it has no affect on the spacing.

Any other suggestions?

Re: Spaces Between Products
 

Well the table stretches to 100% of the box it is in, so you can't decrease the spacing without either adding another column of products, or decreasing the width of the table.

Re: Spaces Between Products
 

Adding another column does not decrease the space between products it only inserts a scroll bar at bottom of page...that is a no-no.

Re: Spaces Between Products
 

Perhaps a screenshot or url would help here, as one of us isn't understanding the other :)

Re: Spaces Between Products
 

Beware of beautiful ladies.

Re: Spaces Between Products
 

Ahhh...that explains it, you are using a fluid layout, so the spacing between photos depends on the resolution of the user's computer as the whole thing stretches to fit. Try resizing your browser and you'll see what I mean. If you want to control that, you'd need to set the layout to a fixed-width layout.

Re: Spaces Between Products
 

I see what you mean. I will have to use four graphics across at a little larger width each.

Well back to the drawing board.

Thanks for your input and patience

Re: Spaces Between Products
 

Be careful, you need to make sure the design fits on a 1024x768 browser at the minimum without scrolling.