How to add a drop shadow effect to your product and category images

Last updated

In order to add a drop shadow effect to your product thumbnails, add this custom CSS code to your Ecwid theme: 


.ecwid-productBrowser-productsGrid-productTopFragment img { box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); }

 

If you want to add a drop shadow effect to your category image, add this CSS code to your Ecwid CSS theme:


table.ecwid-productBrowser-subcategories-mainTable .ecwid-imgLoaded img { box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); }
Was this article helpful?
0 out of 3 found this helpful
Questions?
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