How to change background color of Modalbox jQuery Popup

You often feel the need to change the background color of modalbox. Here's how it's done:

Example

Inline example of Modalbox

Code

Background color of modalbox or shadow color of modalbox can be change via CSS. Open target modalbox theme file "modal-darktheme.css" or "modal-lighttheme.css". Find the #rst-modal > #rst-modal-shadow style in the css and modify. Opacity of the background can be controlled in similar way.

#rst-modal > #rst-modal-shadow
{
    background-color: rgba(203, 72, 71, 0.9);
}
License & Download ModalBox
Subscribe for our monthly newsletter for updated articles and useful code scripts.

Share It

comments powered by Disqus
Chat With Us Close
Leave Message