Edit "catalog-style.css"

Hello,

it may be of interest, I added some lines to the file “catalog-style.css”, resulting in a more pleasing look and feel.

The result is visible highlighting the product or category on mouse over them, all with a shadow effect.

This is the block you want to edit:
—————————————
/* Grid catalog */
.goods-catalog .grid,
.goods-insert .grid {
min-width: 200px;
min-height: 200px;
background-color: #f5f5f5;
opacity: 0.7;
filter: alpha(opacity=30);
padding: 5px;
display: inline-block;
border: 2px solid #aaa;
border-radius:8px;
vertical-align: top;
margin: 3px 10px 10px 0;
position: relative;
overflow: hidden;
}
.grid:hover
{
opacity: 1;
filter: alpha(opacity=100);
-moz-box-shadow: 0 0 10px #ccc;
-webkit-box-shadow: 0 0 10px #ccc;
box-shadow: 0 0 10px #ccc;
border: 2px solid #ffa500;
}

————————————————–

I hope it will be interesting.

https://ww.wp.xz.cn/plugins/goods-catalog/