Add an Image and Text in the Divi Show / Hide Button


Divi Show / Hide Button lets you reveal and/or hide Divi Builder elements at the click of a button. While there isn't a specific option to add an image to the show / hide button, you can add an icon and/or a background image. So for example, you can create a button like this:

You can also use CSS to position the background image to look more like a separate image, e.g.:
This was done by adding the following CSS in the module settings:
padding-left: 50px !important;
background-size: 30px 30px !important;
background-position: 10px !important;

You can add this at "Show / Hide Button Settings > Advanced > Custom CSS > Button", i.e.:

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


Submit a Comment

Comments are manually moderated and approved at the time they are answered. A preview is shown while pending but may disappear if your are cookies cleared - don't worry though, the comment is still in the queue.

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