Create Drop Shadow

Hi Team,

I was wondering how I can create a drop shadow either using the info box widget or which way it’s easier. I wanted to make something look like this… refer to the link below.

https://www.ubreakifix.com/iphone-repair

Like if you see how the image iphones are in a box and seems like a drop shadow behind it.. I want to do something similar to that.. is there a css code that I need to use. please advise. Thank you 🙂

Hello,

I cannot view your site it is blocked.

Please add this code to the Theme Settings > Custom CSS > Global:

body .product-grid-item:hover {
box-shadow: 0 0 5px 1px rgba(0,0,0,.26);
}

If the grid shadow requires the correction, provide additional access to your site.

Best Regards

[Author]

Posts