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 2 found this helpful
Questions?
Get help
  • Presales Chat

    Need help choosing the right Ecwid plan? Our Sales team has the answer you’re looking for.

  • 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