Custom effect on hover for portfolio grid

obgc

Hi,

How can I turn off the default hover effect on an item in portfolio grid. If I turn off "grayscale" I get the effect of "mask" showing up and image moving a little bit up. How can I reset all effects and put some "Custom JS" code to provide my own effect?

Thanks in advance
Grzegorz

Albert

Hi,

you can remove this hover effect with the following css:

.image_frame .image_wrapper .mask { display: none !important; }
.image_frame .image_wrapper img:not(.ls-l) { top: 0 !important; }
.image_frame .image_wrapper .image_links { display: none !important; }

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

obgc

Thx. First I thought it was something managed by jQuery, but later on I found that it was is CSS. Thanks.

Albert

You are welcome!

Learn more: Video Tutorials | How To | FAQ Vote on what comes next