In code view, try changing this:
<div class="fb-like-box fb_iframe_widget" data-href="http://www.facebook.com/pages/The-American-Friends-of-Lafayette/168772073195787" data-width="292" data-height="200" data-show-faces="false" data-stream="false" data-header="false">
to this with an inline style noted in red:
<div class="fb-like-box fb_iframe_widget" style="margin-left: 35%" data-href="http://www.facebook.com/pages/The-American-Friends-of-Lafayette/168772073195787" data-width="292" data-height="200" data-show-faces="false" data-stream="false" data-header="false">
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
Thanks so much for your speedy reply. Unfortunately this didn't seem to change anything.
You might not be able to change the content inside that
<div class="fb-like-box fb_iframe_widget...
so put that inside a <div id="fb_like_holder"> div and style that as you want.... create this container so that you have something to center
But you should be able to style both .
Also you should be able to add some other styles to
but if that is not a class you control, then style the holder div as needed or create another inner holder....
Of course, styling will depend on how the parents are styles... so centering in a floated left 400 wide container will look different from centering in a full width parent... if you can see what I mean.
Example of Facebook Like box in holder <div>
Of course this is just an example, you can style yours as needed.
I don't see any FaceBook Like Box on your page in the link.... but either way, the trick is to style the <div> you put the FBLike box in or put it in a "holder" <div> that you can style... or better yet, style both.
One feature I REALLY, and I mean REALLY don't like about your site:
The last thing in the world I want is someone else telling me how wide or how much of my available screen their Web page should take up.... and your site is not even 100% width (which is a GOOD thing). But PLEASE, don't spread your Web page window over the top of other work I have going on at the same time on my screen.
My advice... kill that feature.
Thanks Nancy and Adninjastrator.
Was somehow able to get it to look presentable although there's still too much space below it on all the pages. I'll figure that out. Not entirely sure what I did but I think having a second </div> tag in there did something. Can you tell I'm dangerous with code?