Problems with height on widgets
 

I recently created 2 widgets in the Center Column using the code listed there.

I then added:

/* ================================================== */
/* Center Widget Styling */
/* ================================================== */
/***********Background and text alignment for log_widgets***********/
#center_top_widget_area_1, #center_top_widget_area_2 {
text-align: center;
}

I originally added some other styling which all worked fine but I had some issues so I removed everything and started from scratch. The only thing I tried to add to what is above was some height to the widget:

height: 250px;

I use a plugin called Advanced Text Widget Pro. Without the height I have no problems with showing the 2 widgets on the Front page only. The minute I add the height I get blank areas on all other pages where the widgets belong but no content. I've tried other widget controls but get the same results.

I used Firebug and if the height is not added I see nothing on those pages, but the minute the height is added I see the widget code on them. I'm very confused.

Site is under construction, so if access to the site is needed I can give it.

Thanks.

In your CSS have two CSS selectors and rules
Rule 1 should should apply to all pages and set the height to zero
Rule 2 should apply to the front page and will set the height to what you want

Thanks...I'll work on that tonight. I can't believe I never ran into this before. Have something similar now happening on another site. I think i know what to do.