How to show details before hover and image while hovering for "Masonry Hover Details"

knockers · August 2019

Hello muffing Team

Can you help me with this change? We hope to show the item title and details before hovering and show the images while hovering,

kind of the opposite of the demo one.

can this be done? thank you~

Pablo · August 2019

Hello,

Yes, that's possible, but it will not disappear when you hover it.

Will it be okay?

Thanks

knockers · August 2019

Is it possible to close it when hovered?

i know changing the css opacity for the mask will do, but i also need it to disappear when hovering.

thank you~

Pablo · August 2019

Sure, please use this CSS code:

.portfolio_group.masonry-hover .portfolio-item .masonry-hover-wrapper .hover-desc{
	opacity:1 !important;
}

.portfolio_group.masonry-hover .portfolio-item:hover .masonry-hover-wrapper .hover-desc{
	opacity:0 !important;
}

Thanks

knockers · August 2019

Thank you~

that was a real nice solution.

it helped a lot, thanks

How to show details before hover and image while hovering for "Masonry Hover Details"

Comments