View
 

How to add a drop shadow effect to your product images

Page history last edited by Eugene 2 years, 1 month ago

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  {
  background:transparent url(http://kb.ecwid.com/f/shadow-1000x1000.gif) no-repeat scroll right bottom;
  padding:5px 10px 10px 5px;
}
.ecwid-productBrowser-details-thumbnail img {
  background:transparent url(http://kb.ecwid.com/f/shadow-1000x1000.gif) no-repeat scroll right bottom;
  padding:15px 20px 20px 15px;
}