Using ATA 3.7.13
Created three new widgets in the header area using
<?php bfa_widget_area('name=varlogo&cells=3&align=7&alig n_2=7&align_3=7&width_1=200&width_2=100&width_3=10 0&before_widget=<div id="%1$s" class="header-widget %2$s">&after_widget=</div>'); ?>

web page is klarchitects.com/home2
The company name "Kapuscinski Luongo Architects" is varlogo_1 and the stylized "KLA" is varlogo_2
They should be only about 20 px between varlogo_1 and varlogo_2, but the width of each widget area
is taking a default instead of using the width parameters in the php code added to "style and edit header area"
What did I do wrong?
Thanks!

Is that a space in the width for widget 3?

No space that I can see....It should be just the line break caused when I copy and paste. here it is pasted again. <?php bfa_widget_area('name=varlogo&cells=3&align=7&alig n_2=7&align_3=7&width_1=200&width_2=100&width_3=10 0&before_widget=<div id="%1$s" class="header-widget %2$s">&after_widget=</div>'); ?>

The widths that I supply in the php code to create the widgets are showing up in firebug in the styling for the col width,
as in:
<colgroup>
<col style="width:200px">
<col style="width:100px">
<col style="width:100px">
</colgroup>

but there is nothing to constrain the width of the table id=varlogo, which is set to 100%

I suppose I can add css overrides to fix this, but if I did something wrong in setting up the widgets, I'd rather fix my error and do it right rather than applying band-aids on sloppy code....thanks!

This is interesting, you are right the table width is set to 100%. It looks like a table that is 100%, the column widths are actually a percent of the whole (if the page can get wider or smaller, the widget area size changes.

To make matters more interesting, the 'width' is not supported for 'colgroup' or 'col' in html5

for the moment you can edit 'function.php' and change line 392 from

		echo '<table id="' . $area_id . '" class="bfa_widget_area" style="table-layout:fixed;width:100%" cellpadding="0" cellspacing="0" border="0">';

to

		echo '<table id="' . $area_id . '" class="bfa_widget_area" style="table-layout:fixed;" cellpadding="0" cellspacing="0" border="0">';

but here is a question for you. If the page has a variable width, should the widget area always be a fixed size?

The page is fixed width 960 px.

Is there an advantage to edit the functions.php as you suggest instead of using CSS overrides
like:
table#varlogo.bfa_widget_area {
width: 400px !important;
margin: 10px 0 0 40px;
}

Thanks

personally I would use the CSS Insert, then it is a theme option and you won't have to remember to change it after future updates.

You can also use the Code Snippets plugin instead of editing the functions.php which would keep the edits through a theme upgrade.