Reply To: Add shadows on Product Categories

Hi andrea-5600,

Please remove all above code and use below one:

.wd-grid-f-col>.wd-col.wd-gallery-item{
	margin-right: 20px;
	padding: 0;
	box-shadow: 10px 10px 10px 0 rgba(0,0,0,0.5);
  width: 95%;
  flex: 0 0 calc(95% / var(--wd-col) * var(--wd-col-wider, 1));
  max-width: calc(95% / var(--wd-col) * var(--wd-col-wider, 1));	
}

.wd-grid-f-col>.wd-col.wd-gallery-item {
  border-radius: var(--wd-brd-radius);
}

.wd-grid-f-col>.wd-col.wd-gallery-item{
	overflow: hidden;
}

.wd-grid-f-col>.wd-col.wd-gallery-item img{
	transition: transform .5s;
}

.wd-grid-f-col>.wd-col.wd-gallery-item:hover img{
  transform: scale(1.5);
}

Regards,