How Can We Help?

Search for answers or browse our knowledge base.

< All Topics
Print

How to display title and caption on overlay?

To display text on overlay you need to turn the overlay on in the module setting.

Please use the following CSS code snippet in the Divi Theme Options Custom CSS area to display the title and caption.

.el_masonry_gallery_title_caption_wrapper {
position: absolute;
top: 70%;
left: 50%;
z-index: 99;
width: 100%;
padding: 10px;
visibility: hidden;
opacity: 0;
transform: translate(-50%, -50%);
transition: all 300ms ease;
}
.el_masonry_gallery_item:hover .el_masonry_gallery_title_caption_wrapper {
top: 50%;
visibility: visible;
opacity: 1;
}
.el_masonry_gallery_item .et_overlay:before {
display: none;
}

Output:

Previous Where can I find the responsive options for the gallery?
Next Pagination and filtered gallery don’t work together?
Table of Contents