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); }
Back to top
Was this article helpful? 1 out of 5 found this helpful