Reveal a Divi Module (or Row / Section) when Image Clicked

|

The Divi Show / Hide Module lets you add a button to Divi that reveals or hides Divi Builder elements with the click of a button. If you want to instead show / hide elements when an image is clicked, it can be easily done by configuring the module to display as an image. Here's how.

Add the Image as a Background to the Button

First, enable the button style options by setting:

Show / Hide Button Settings > Design > Button > Use Custom Styles For Button = Yes

Next, click on the "Background Image" Icon (as shown below) in the Button Background setting:

Show / Hide Button Settings > Design > Button > Button Background

Next, to set the size at which the image is displayed, add padding to the button, at:

Show / Hide Button Settings > Design > Button > Button Padding

For example, show the image at 200x200px, you'd set the padding like so:

Finally, you may also wish to remove the padding on the button, which you can do so by setting:

Show / Hide Button Settings > Design > Button > Button Border Width = 0px

Here's the result of styling the button as above:

This post may contain referral links which may earn a commission for this site

Divi Booster

Hundreds of new features for Divi
in one easy-to-use plugin

0 Comments

Submit a Comment

Your email address will not be published. Required fields are marked *