jQuery ColorBox: Remove close button from popup

Open colorbox.css and set #cboxClose to display none. You need to use !important to override an inline style that sets it to display block.

Code:
#cboxClose{right:0; background-position:-100px -25px; display:none !important;}#cboxClose.hover{background-position:-100px 0px;}

Also, if you are using the slideshow and want to shift it over to the right edge, change its right position to zero

Code:
.cboxSlideshow_on #cboxSlideshow{background-position:-125px 0px; right:0;}.cboxSlideshow_on #cboxSlideshow.hover{background-position:-150px 0px;}.cboxSlideshow_off #cboxSlideshow{background-position:-150px -25px; right:0;}.cboxSlideshow_off #cboxSlideshow.hover{background-position:-125px 0px;}

You could go through the original source code (not that minimized mess) and remove the close button but this way is much easier.

 

Leave a Reply

Your email address will not be published. Required fields are marked *