Image glow or shadow on hover

[kstidham]

I am trying to get a shadow/glow from an image when I hover. I have tried .x-img:hover {box-shadow: 5px 5px 5px 0 red;} but it did not work. Can you help me with the correct code and where to put it…page css, image style field, etc.

[friech]

Hi Keith,

Thank you for writing in your CSS code should work just fine (I’ve tested it), please add it to Theme Options > CSS

But I would advise that you add a class to your image so your custom CSS does not affect all the images.

e.g.

.x-img.lbx:hover img {
	box-shadow: 5px 5px 5px 0 red;
}

Hope it helps,
Cheers!