Search code examples
jquerycsscolorbox

How can I add padding to the Colorbox modal window?

Is it possible to add padding to a Colorbox modal window? I would like some space in between the modal window edges and the content. I tried the innerWidth and innerHeight property but I don't see any difference. 

// Display inline content in Colorbox window
$(".inline").colorbox({
    inline: true, 
    fixed: true,
    height: "80%",
    width: "80%",
    innerWidth: "50%",
    innerHeight: "50%"
});

Thanks for the help!

Solution

  • As I know this is not possible to be done. You need to set the padding of loaded content. For example if your inline content is #content you can simply do:

    <div id="content" style="padding: 20px;">bla bla bla</div>