Widget CSS
 

Ok...before I mess things up even further I really need some help. I needed to put in some widgets to be able to do what a client wished. Or at least I thought that was the easiest way. But I have several problems.

Up at the top I have 3 widgets. one with a logo inside of it, one with phone numbers and a Skype widget, and the 3rd with a search bar. Thought I had it working right but it seems on larger monitor the search bar just keeps getting longer which looks bad. I've tried a variety of things but it doesn't seem to get better, in fact worse.

%bar1 %pages %bar1 <?php bfa_widget_area('name=Logo widget&cells=3&align=1&width_1=400&width_2=350&wid th _3=100&width_4=100&align_2=1before_widget=<div id="%1$s" class="header-widget %2$s">&after_widget=</div>');
?>

I keep staring at the above and I just can't tell if it is correct. I'm using this in CSS inserts for the middle widget but I'm so unsure at this point.

Then we have another widget just below that that has a series of images. I thought I had that looking right but it doesn't seem to center on lager resolutions. I'm sure it is just a CSS setting, but I can't figure out which one. I've spent hours looking through W3 Schools. Here's the code I have for that:

I might add here that I have also add some CSS before the images to try and move them over to the right and although it worked to a degree it still doesn't on larger resolutions which means I'm doing it wrong.

Last but not least, I have 4 widgets in the footer. I actually thought that I had everything there correct but for some reason in IE the content seems to flow outside of the widget.

Here's the code for those:

As you can tell, somehow I made a mess. Client keeps making changes and I'm ready to call it quits. If you need in the backend or want me to attach my settings i will be happy to do so. I'm taking it out of maintenance mode for the time being.

Sure hope you can help.
Guess it would help if I listed the site.

Trying to explain things or figure out what you have would be more time than just showing you what some CSS would do.

To set the search form to a specific width you would use something like the following.

And to center the discus widget area you just center like you would any div by setting a width and using auto left and right margins as below. You might also have to add position relative if this doesn't work in IE.

Thanks Larry. It does help the search area alot. I'm feeling pretty stupid though. Part of my problem was I noticed that I had my layout setting wrong. I had forgotten to add the px after the layout. That sure changed things also.

I do have one problem left though. The content in the 4 widgets below towards the footer area seems to flow out of the widget but only in IE. Never had that happen before. I do understand that they shadow won't show up in IE but this content problem has me perplexed. Never had that happen before in a widget.

Try resizing the text widgets.