How to reduce space between products in Grid view

Last updated

Vertical and horizontal spaces between products can be easily changed by adding some CSS styles in your CSS theme: In order to change space between products you should use following code:

.ecwid-productBrowser-productsGrid-v2 td.ecwid-productBrowser-productsGrid-cell {
  padding: 0px 2px; /*change 2px value to make space between products bigger or smaller*/ 

In order to make spaces between products lines smaller you should add this code in your CSS theme:

td.ecwid-productBrowser-productsGrid-cellSpace {
  height: 5px;
Was this article helpful?
0 out of 5 found this helpful
Get help
  • Forums

    Join the Ecwid community. Discuss support topics and store ideas with other Ecwid users.

  • Contact us

    Still have questions about Ecwid? Let us know! We will be glad to help you with your Ecwid store.

  • Status Monitor

    Get real time status updates on Ecwid services here, 24/7