Colorbox height & width

A place for discussion about skinning and design. Before posting questions here you should review the documentation about creating skins.

This thread is closed to new posts. You must sign in to post in the forums.
12/18/2012 4:42:00 AM
Gravatar
Total Posts 2

Colorbox height & width

Hi,

I need a popup modal on my site and colorbox looks like the ideal solution, however I need to change the width and height as it's too big to suit my designs.

The CSS for width/height looks as if it's inline for the container/iframe, can this be changed at all?

 

Thanks

12/18/2012 10:18:51 AM
Gravatar
Total Posts 216
Community Expert

mojoPortal Hosting & Design @ i7MEDIA!

Re: Colorbox height & width

You'll need to call colorbox manually on the item for this to work.

Set up your element with a custom class, like "cbCustom", or something of that sort. Then all you need to do is add a custom call into a script file in your skin, or in a script tag in the layout master.

$(".cbCustom").colorbox({
    width: "500px",
    height: "500px"
});

This will make the colorbox element open with 500px width and height. You can change that to read whatever you want, and it will accept percentages as well.

You can find more information about colorbox here: http://www.jacklmoore.com/colorbox

Hope this helps,
-Isaac

You must sign in to post in the forums. This thread is closed to new posts.