plantshop203

Member

Reputation Activity

plantshop203 got a reaction from yh3 in Hover Effect for Product Images in Shop Pages March 8, 2021

I was able to figure it out!
For anyone who wants to do something like this, here's the code I used:
//product hover border .grid-item:hover { position: absolute; width: 100%; height: 100%; content: ''; top: 0; left: 0; box-sizing: border-box; padding: 7px!important; -webkit-box-shadow: 0px 0px 6px -3px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 6px -3px rgba(0,0,0,0.75); box-shadow: 0px 0px 6px -3px rgba(0,0,0,0.75); } .grid-item { padding: 7px; }
plantshop203 got a reaction from creedon in Hover Effect for Product Images in Shop Pages February 19, 2021

I was able to figure it out!
For anyone who wants to do something like this, here's the code I used:
//product hover border .grid-item:hover { position: absolute; width: 100%; height: 100%; content: ''; top: 0; left: 0; box-sizing: border-box; padding: 7px!important; -webkit-box-shadow: 0px 0px 6px -3px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 6px -3px rgba(0,0,0,0.75); box-shadow: 0px 0px 6px -3px rgba(0,0,0,0.75); } .grid-item { padding: 7px; }