How can I reduce the total width of the panel that appears after clicking "open panel"?

It appears to be calculated according to the width of the browser. With a template width of 980 the panel overflows to the right (it is not fully centred).

If I reduce the template width, the panel fits, but I would like to know how to control the width of the panelinner overlay

The HTML shows:and the width here is set in-line.

Where does one go to override or change the in-line styling?

Thanks,

Anthony

Hey Anthony,

The panel takes the width calculated for the site content so if you want to explicitly change it then you can alter it in the template index file.

on line 795 you will find
<div id="panelInner" style="width:<?php echo $contentWidth ?>px;height: <?php echo $panelHeight ?>px" class="overlay">

You can specify your width there but you will also have to specify altered widths for the child panels in a similar manner in the next few lines of markup as they will continue to be calculated on the content width.

Hope that helped.

Cheers,
Jason.

Hi Jason,

Thanks for the information there.

I think that the panel is one of the last things to be developed once most of the rest of the site is designed. Therefore, "hard-coding" the widths into the template makes sense once the decisions on the number of columns and overall page width are decided.

It is great working with the 960 Grid - thanks for your help.

Anthony

You're welcome Anthony. That is a good way to approach it