How Do I Set Highslide Expander Size?

I'm trying to set up an in-page highslide gallery on my site. However, I'm experiencing problems with setting the size of the epxander. The page with the gallery is http://civicsec

Solution 1:

In addition to change the width and height for inPageOptions, you also need to change allowSizeRedution from false to true.

// Options for the in-page itemsvar inPageOptions = {
    //slideshowGroup: 'group1',
    outlineType: null,
    allowSizeReduction: true,
    wrapperClassName: 'in-page controls-in-heading',
    useBox: true,
    //minWidth: 200,//minHeight: 150,
    width: 300,
    height: 200,
    targetX: 'gallery-area 10px',
    targetY: 'gallery-area 10px',
    captionEval: 'this.thumb.alt',
    numberPosition: 'caption'
};

Your gallery will be placed centered at the top of your page since the #gallery-area div is missing in your page. If the #gallery-area div was present, you would need to change the height and width of this div to fit the reduced size of the gallery.