Adding drop shadow and border to woocommerce product


This is a short snippet of code that will add a border and also a drop shadow to the product listings in your woocommerce store.

.woocommerce-page .products li {
border: 1px solid #9ba273;
box-shadow: 8px 8px 12px #aaa;
padding: 10px !important;
min-height: 400px;

.woocommerce ul li.product a h3 {
min-height: 60px;

Important This site makes use of cookies which may contain tracking information about visitors. By continuing to browse this site you agree to our use of cookies.