How to add permanent border around products in Grid view

Last updated

To add a border around your products in Grid view add the following code to your custom CSS theme:

/* Add the border and background to the product thumbnails */
div.ecwid-productBrowser-productsGrid .ecwid-productBrowser-productsGrid-cellTop {
background: #FFF !important;
border-top: 2px solid #993535;
border-right: 2px solid #993535;
border-left: 2px solid #993535;
padding-top: 10px !important;
}
div.ecwid-productBrowser-productsGrid .ecwid-productBrowser-productsGrid-cellMiddle {
background: #FFF;
border-right: 2px solid #993535;
border-left: 2px solid #993535;
}
div.ecwid-productBrowser-productsGrid .ecwid-productBrowser-productsGrid-cellBottom {
background: #FFF;
border-right: 2px solid #993535;
border-bottom: 2px solid #993535;
border-left: 2px solid #993535;
padding-bottom: 10px;
}

To add border around category thumbnails in category grid, please use this code:

table.ecwid-productBrowser-subcategories-mainTable a > img {
  border-style: solid !important;
  border: 2px solid #D8D8D8;
}
Was this article helpful?
0 out of 0 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