I would like to have transparent background for outside of colorbox modal. currently use the css style from this colorbox demo <http://www.jacklmoore.com/colorbox/example4/> . based on this answer <https://stackoverflow.com/a/2760970/233933>, I could do transparent backgournd with:

```
$(".inline").colorbox({inline:true, width:"30%",
    onOpen: function() {
        // make the overlay visible and re-add all it's original properties!
        $('#cboxOverlay').css({
            'visibility': 'visible', 
            'opacity':0.5, 
            'cursor': 'pointer'
        });
        $('#colorbox').css({ 'visibility': 'visible' }).fadeIn(1000);
    }
});

```

but I would like to have the transparent style for all my colorbox modals. I tried to edit the colorbox.css file to include:

```
#cboxOverlay{ visibility: visible; opacity: 0.5 }
#colorbox{ visibility: visible }

```

but that doesn't change anything. your suggestion?

**UPDATED**

updated wording so it is clear that I want outside of the modal to be transparent.
thanks!