Change the "display" value set by Divi Show / Hide Button

|

The Divi Show / Hide Button lets you reveal and/or hide Divi Builder elements at the click of a button. When an element is revealed it is done so using the jQuery show() method. This method sets the "display" CSS property of the revealed element to "block". If you need to customize the final value given of the "display" property, e.g. to set the element to "display: flex", "display: inline-flex" or "display: inline-block", then you can do so with some CSS like so:

#my-flex-element[style*='display: block']{
    display: flex !important;
}
Replace "my-flex-element" with the CSS ID of your element (the one being revealed). And replace "flex" with your desired value of the "display" property.

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

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