Hover effects for module, column & Row

Divi layout Hover effects for module, column & Row

This free Divi layout and tutorial is from the Elegant Themes website blog post “How to Trigger Hover Effects for a Module, Column, and Row Simultaneously”.

This tutorial and layout download combines various hover effects for the section, row, and module to combine into a unique hover effect. There is a very similar hover effect created on the blurb modules in the free Divi business layout pack from Divi Theme Examples.

The tutorial will show you how to use padding to extend the clickable area of each of the elements so that when you hover over the section, the row and module hover effects also get triggered as their clickable area has been extended using the padding.

Download this layout on the Elegant Themes blog

To download the JSON layout file for this tutorial you will need to enter an email into the subscription box on the blog post. If you are already signed up to the Elegant Themes mailing list you will not be re-added. This sign-up form is found just below the layout Demos near the top of the post.

To import the layout to your Divi website you will need to extract the zip file and drag-and-drop the JSON file into your Divi Builder page.

Affiliate disclosure* – Links to layouts on Elegant Themes and 3rd party websites may contain affiliate code. You will never pay any extra for using these links. Thanks for supporting Divi Theme Examples.