doAction( “show_overlay” )

doAction( "show_overlay", $overlay );

Fired after the background overlay was attached to the DOM and is currently fading-in.


$overlay jQuery, required
The jQuery object of the overlay element.


// Apply a custom class to the overlay div.
DiviArea.addAction( 'show_overlay', function( overlay ){
    overlay.addClass( 'my-class' );


When this action is fired, the overlay is attached to the DOM and fully initialized. At this point, the fade-in animation has started; the duration of this animation can be changed via DiviAreaConfig.animateSpeed.

Was this article helpful?

Related Articles

Need Support?

Can't find the answer you're looking for?
Get in touch with us