Hover effect on masonry widget

Hello,

I’m using the simple masonry widget on this page:

http://jasmineduran.co/index.php/our-work/mural-projects/

I’d like to add a hover effect, so that when someone hovers over each image it either flashes or glows. Is this possible?

Thanks!
Jasmine

Hello Jasmine,

Please try to use the following CSS code.

You can add CSS code in DashboardAppearanceCustomizeAdditional CSS (WordPress 4.7 and up). Also you can add CSS code directly to style.css file of your child theme.

#panel-589-0-0-0 img:hover {
    filter: brightness(120%);
    transition-duration: 0.5s;
}

#panel-589-0-0-0 img {
    transition-duration: 0.5s;
}

Please feel free to ask any other questions that you might have.

Kind Regards, Roman.

It works like a dream! Thank you so much!

You are welcome Jasmine! :slight_smile:

Kind Regards, Roman.