Want to learn how to use CSS with Divi?
Our CSS & Divi Beginner Course is now open for enrollment!
Gallery Title & Caption Split Reveal on Hover Free Divi Layout.
This free Divi layout uses the native Divi gallery module and the title and excerpt of the image from the media library to show a split effect when hovering over the gallery images.
View the demo and download this free layout plus 24 other awesome free Divi resources by subscribing below.
Be sure to view the ‘Read Me’ file in the download package for full instructions.
If you found this helpful please leave a comment and subscribe to my newsletter for all my latest Divi related content.
Michelle X
Hi Michelle, very good effect!
I noticed that the preview images are a bit grainy.
How can I solve?
You can use images with a higher resolution and different size
Thanks Michelle!! I like very much this effect! Thank you for sharing. Can I ask you if is possible to reduce the distance between the images like 1 pixel wide? I tried with 1% margins instead of 2%, but is too large the space.
You can adjust the value using pixels or em instead of %. For example:
.et_pb_column .ds-advent-3 .et_pb_grid_item {
margin: 0 5px 5px 0 !important;
}
thanks a lot! :))