Montezuma theme: Colorbox CSS for max width

The Montezuma theme for WordPress is a great theme. It comes with lots of additional stuff you otherwise would need a plugin for, such as the jQuery colorbox overlay for photo slideshows. Unfortunately, by default the size of the overlay will be the exact same size as the picture. So when the pictures aren’t uploaded in 800×600, you can’t really see something. Fortunately Montezuma lets you edit the CSS inline, and this is what you need to add in gallery.css:

max-width: 800px; max-height: 800px;

#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:800px; max-height:800px;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}

Leave a Reply

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