Tagged: Masonry Gallery
Please can someone help me to fix this:
I wanna use the masonry gallery for my services. So the title should be shown befor hover. The hover box should not show the title but the description.
Thanks for your support :)
Hey Terrassenkind,
Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:
.avia_desktop .av-caption-on-hover .av-masonry-item-with-image .av-inner-masonry-content {opacity: 1 !important; }
.avia_desktop .av-caption-on-hover .av-masonry-item-with-image .av-inner-masonry-content .av-masonry-entry-content {
display: none !important;
}
.avia_desktop .av-caption-on-hover .av-masonry-item-with-image.av-masonry-entry:hover .av-masonry-entry-title {
display: none !important;
}
.avia_desktop .av-caption-on-hover .av-masonry-item-with-image.av-masonry-entry:hover .av-inner-masonry-content .av-masonry-entry-content {
display: block !important;
}
Then clear your browser cache and any cache plugin, and check.
expected results:
Best regards,
Mike
WOW! Thank you mike! Works like a charm!
All the best,
Johannes
Hi Johannes,
Glad we could help :)
If you need further assistance please let us know.
Best regards,
Victoria