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.:


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 *.

We may earn a commission when you visit links on our website.