hover affect please help

[jb9998]

Hi,

I'm trying to recreate sites to learn and would love to know how/the code to implement this on my test site: 

goal: hover green gradient on pdps 

https://confidenceman.polydor.co.uk/collections/music

test site:

https://f3419d-e6.myshopify.com

Password: skagog

[rifat_ShopiDevs]

@jb9998 hi, 

What do you mean by pdps
let me know with scrrenshort
Thank you

[jb9998]

the products 

 

[rifat_ShopiDevs]

this base on images check this code

#product_media img, .product_card .card__image-wrapper {
    filter: drop-shadow(0px 0px 12px #08A869) 
!important;
    -webkit-filter: drop-shadow(0px 0px 8px #000);
}

let me know you understand 🙂

[jb9998]

where would i add this code to my test site to get same effect? thanks 

[rifat_ShopiDevs]

@jb9998 hi,
Step 1: Go to Shopify Admin -> Online Store ->Theme -> Edit code

Step 2: Search file theme.liquid

Step 3: Insert this code above </head> tag:

[jb9998]

sadly didnt work!

[rifat_ShopiDevs]

@jb9998  can you share you product url 🙂 
Thank you

[jb9998]

i wanted it on all products 🙂