Resize parent colorbox iframe size
If we are loading some content within already existing iframe it will not resized automatically. It will show only it's initial width and height. We can modify that parent iframe property by calling parent.$.fn.colorbox.resize(). Within that we can give our innerWidth and innerHeight. parent.$.fn.colorbox.resize({innerWidth:600,innerHeight:400}); Add this code inside ur script.