View Single Post
Old 06-20-2011, 09:57 PM
Eugene Rimmer's Avatar
Eugene Rimmer Eugene Rimmer is offline
Senior Member
Join Date: Jan 2011
Location: Ecwid headquarters
Posts: 7,765

I have inspected your store, and indeed in some categories the product browser does not fit the width of your site. This happens when a sum of the widths of product thumbnails and all whitespace around the products in grid is greater than a width available for the shop. Images and whitespace defined in the CSS literally strut off the product browser so it cannot get narrower than that.

So, here are the things you can do to overcome that:

1. Use less horizontal whitespace in your shop theme by adding the following rule:

td.ecwid-productBrowser-productsGrid-cell {
padding: 0px 10px;
The second number in that rule represents the horizontal whitespace around products in the grid. You can lower that number even down to zero if you find that appropriate. Practically, this step alone may leave you satisfied.

2. Use narrower product images (cut the white areas on the sides of your images) or lower the thumbnail sizes (Ecwid control panel System Settings Design Thumbnail sizes).

3. Use less than 5 products per row in your products grid (the means to set that in the Ecwid embed code are described here, for the RokEcwid, Ecwid plugin for Wordpress and our free Facebook app you just go to their settings and set up the grid numbers from there).

Basically using either of these steps or any of the mcombined together will lower the width required for your products, so that the product listing will stay in the width of your site.