4DIVI - All for DIVI Visual Builder
  • Home
  • Plugins
    • Masonry Custom Posts
    • Carousel Posts Scroll
    • Masonry gallery module
    • Custom Post Type Grid Blog
  • Contact
Select Page

Demo – DIVI Masonry gallery with custom links from images

 

people-01

people-01

Startup Stock Photos

Startup Stock Photos

people-03

people-03

people-04

people-04

How to Add Links to the Divi Gallery Module and Show Captions on Hover

Add this CSS to your child theme stylesheet or the Divi options custom CSS box.

.masonry-grid-item h3,
.masonry-grid-item .et_overlay {
display: none;
}
.masonry-grid-item .et_pb_gallery_caption {
margin: 0 !important;
}
.masonry-grid-item p.et_pb_gallery_caption a {
position: absolute;
background: rgba(0, 0, 0, .5);
cursor: pointer;
opacity: 0;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
transition: all 1s ease;
top: 0px;
bottom: 0px;
right: 0px;
left: 0px;
width: 100%;
height: 100%;
}
.masonry-grid-item p.et_pb_gallery_caption a:hover {
opacity: 1;
}

Privacy notice under the GDPR | All rights reserved © 2021 4divi.com | Support: 4divi@4divi.com | Powered by Design Green Cat