How to disable overlay of jQuery simple modal popup plugin?

jquery jquery-plugins simplemodal
Sandeep picture Sandeep · Jun 27, 2012 · Viewed 7.5k times · Source

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

Prasenjit Kumar Nag picture Prasenjit Kumar Nag · Jun 27, 2012

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.

Related questions

jquery simplemodal dynamic height

I'm using the simplemodal popup in jquery, and I would like to set the height of my popup dynamically depending on my content. Currently, it is fixed at 500. If I remove the height property, then it works the first time, …

Read More
What's the easiest way to call a function every 5 seconds in jQuery?

JQuery, how to call a function every 5 seconds. I'm looking for a way to automate the changing of images in a slideshow. I'd rather not install any other 3rd party plugins if possible.

Read More
How to disable mouse scroll wheel scaling with Google Maps API

I am using Google Maps API (v3) to draw a few maps on a page. One thing I'd like to do is disable zooming when you scroll the mouse wheel over the map, but I'm unsure how. I have disabled …

Read More