Wordpress Themes - WP Forum at BFA - Suddenly, new widget area not centering

Wordpress Themes - WP Forum at BFA (http://forum.bytesforall.com/index.php)

- Header configuration & styling (http://forum.bytesforall.com/forumdisplay.php?f=15)

- - Suddenly, new widget area not centering (http://forum.bytesforall.com/showthread.php?t=4209)

Suddenly, new widget area not centering

http://www.larchmontgazette.com/
The top long ad under the logo image used to be centered. Just a few minutes ago it was fine. All I did differently today was to try out a new contact form, Fast and Secure Contact Form plugin.

I disabled that, but still the top ad is left-aligned. I tried adding a div align=center, but that didn't help. Should I try a CSS insert? I don't even know how to use CSS to center an image, only text. And why should I have to?

EDIT: I just noticed that the CSS for Contact Form 8, which I was using before today and is still enabled, has this in it:

Code:

ul.subsubsub li.addnew {

        margin-left: 0;

        margin-right: 0.5em;

}

div.save-contact-form {

        direction: rtl;

}

div.actions-link {

        right: auto;

        left: 0;

}

span#message-fields-toggle-switch {

        margin-left: 0;

        margin-right: 1em;

}

div.tg-pane table caption {

        text-align: right;

}

div.tg-dropdown {

        left: auto;

        right: 0;

}

And that is loading before the theme's CSS file. But when I disabled the plugin, the problem persisted. And it was fine before today when I tried the new plugin.

paulae,
I just looked at the source of the current page and it is this

HTML Code:

<div id="top760_ad" class="bfa_widget_area">                        

<script type='text/javascript'>

                        //<![CDATA[

                        //jQuery(document).ready(function() {

                                jQuery('#links_slideshow_10').cycle({

                                        fx: 'fade',

                                        timeout: 8000,

                                        random: 1,

                                        pause: 1

                                });

                        //});

                        //]]>

                        </script>

                        <style type="text/css">

                                div#links_slideshow_10 div {

                                        width: 760px;

                                        height: 60px;

                                }

                        </style>

<div id="sponsors-slideshow-10" class="widget sponsors_slideshow_widget">

<div id="links_slideshow_10" class="links_slideshow">

<div><a href="http://www.jbfsir.com/" target="_blank" title="Sothebys">

<img src="http://www.larchmontgazette.com/longads/sothebysnew.gif" alt="Sothebys" />

</a>

</div></div></div></div> 

<div id="menu1"><ul id="rmenu2" class="clearfix rMenu-hor rMenu">

while the old version I have shows this

HTML Code:

<div id="top760_ad" class="bfa_widget_area">                        <script type='text/javascript'>

                        //<![CDATA[

                        //jQuery(document).ready(function() {

                                jQuery('#links_slideshow_10').cycle({

                                        fx: 'fade',

                                        timeout: 8000,

                                        random: 1,

                                        pause: 1

                                });

                        //});

                        //]]>

                        </script>

                        <style type="text/css">

                                div#links_slideshow_10 div {

                                        width: 760px;

                                        height: 60px;

                                }

                        </style>

<div id="sponsors-slideshow-10" class="widget sponsors_slideshow_widget">

<div id="links_slideshow_10" class="links_slideshow">

<div><a href="http://www.coughlingroup.com" target="_blank" title="Coughlin">

<img src="http://192.168.48.99/~paul/larch/longads/coughlinsuperlongani.gif" alt="Coughlin" />

</a>

</div>

<div>

<a href="http://www.jbfsir.com/" target="_blank" title="Sothebys">

<img src="http://192.168.48.99/~paul/larch/longads/sothebyssuperlongnew.gif" alt="Sothebys" /></a></div></div></div></div> 

<div id="menu1"><ul id="rmenu2" class="clearfix rMenu-hor rMenu">

I have to leave now for a class, but thoiught this might help

Not sure what you mean.....since then we have a new Sotheby's ad, and your code of course is showing your local machine. I must be missing some arcane difference?

I have disabled both of the contact form plugins. Problem is still there.

I notice in the source code that the theme CSS says this:

Code:

body{text-align:center;

But in my theme options/Body Text and Links, I do not have the text set to be centered. Where is that coming from, and could it be affecting the ad?

EDIT: Wait a minute. I see there is only one ad there now...my partner must have removed one. So I wonder if that is the problem, somehow?

EDIT: I put a second ad in the links group. Voila! Centered again. Why?? Anyway, that's weird! Thanks for noticing.