How to align Facebook iframe in right-hand column? (2 posts)

  1. imthejason
    Posted 5 years ago #

    Greetings WP community.

    I've got one small problem with a Facebook iframe code that I added to my right-hand column that's making me crazy.

    You can view my page, here: http://www.bassparade.com

    Look in the far right-hand column and you'll see the "find us on facebook" iframe. You see how it's not aligned flush left with the column? Driving me nuts.

    Any way I can align this left or center so it looks a bit nicer in that column?

    Any help or advice is much appreciated!


  2. itproxy
    Posted 5 years ago #

    The source code of your page shows the following for the Facebook iframe:

    <li id="text-4" class="widget widget_text">            <div class="textwidget"><div align="center"><iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2F%23%21%2Fpages%2FBass-Parade-Blog%2F152313681470315%3Fref%3Dts&width=130&connections=2&stream=false&header=true&height=287" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:130px; height:287px;" allowTransparency="true"></iframe></div></div>

    Try adding something like:
    li#text-4 {margin-left: 0px;} to the theme's css file.
    Or, padding-left: 0px; Or, margin-left: -20px; (or whatever). Can't be more specific, it's positioning could be affected by many other (inherited) factors.
    Or, if you wrote the actual (x)html, change the (before iframe) div align="center" to "left"?

Topic Closed

This topic has been closed to new replies.

About this Topic