How to disable overlay of jQuery simple modal popup plugin?

Question

I am using plugin simple modal for showing popup in my site . I need to disable the overlay shown along with popup. is there any workaround ?Any help would be appreciated thanks

Answer 1

Add this in you css. It will hide the overlay

#simplemodal-overlay{
   display: none !important;
}

To make sure it will always work add overlayId to simplemodal-overlay for all simplemodals you have in your site. like

$("#element-id").modal({
    overlayId : 'simplemodal-overlay'
});

Then overlay's id will always be simplemodal-overlay and the above css will work for all.

Answer 2

try -

$('#simplemodal-overlay').hide();