It's red because it's letting you know that the box is in your custom template and not a default box (helps you more easily find it for editing).
Originally Posted by bhfruitcakeco
I doublechecked and the $column_width variable IS the width of the inner boxes, not the width of the column itself, so that's right at least.
and your width is correct-you have it set to 175 px but your image have spacing that's about 15px worth of padding/margin on each side, so the boxes really ARE 175px wide, but just appear to be more narrow.
But the sideboxes don't know the padding they just know the width. You need to manually adjust for the 'new' width by editing that section I told you:
style="width: ' . ($column_width-30) . 'px"
This is in this file:
Now that line might be wrapped...you might see it as this (including surrounding text) on lines 17-20:
Perhaps that is what is confusing you. You need to change that 30 to a higher number to compensate for the padding-try 40 to get a snug fit, 45 for a little room or 50 for about 10px on either side.
$content .= ' ' . zen_draw_input_field('email', '', 'size="18" maxlength="30" style="width: ' .
($column_width-30) . 'px" value="' . HEADER_SUBSCRIBE_DEFAULT_TEXT .
'" onfocus="if (this.value == \'' . HEADER_SUBSCRIBE_DEFAULT_TEXT . '\') this.value = \'\';"');
To help you, I've included that sidebox edited to have width-45px (should fit inside the box with just a little padding)