Facebook like button "breaks" when logged in as page -
i have facebook 'like' button on page , it's working fine. when visitor logged in 'page' @ facebook includes photo , breaks design. guess because pages aren't allowed things.
i pretty have iframe this: http://developers.facebook.com/docs/reference/plugins/like-box/
any ideas of how rid of image? way alter design, disable "feature" or check if user logged in page (to hide whole thing)?
thanks
edit: screenshot of issue: i.imgur.com/gla7q.png in top 1 i'm logged in regular user , bottom i'm "using facebook page"
the code i'm using: <iframe class="facebook" src="http://www.facebook.com/plugins/like.php?href=<?=urlencode('http://www.mysite.com')?>&layout=standard&show_faces=false&width=210&action=like&colorscheme=light&height=45" scrolling="no" frameborder="0" allowtransparency="true"></iframe>
you can use 'overflow' element in css stop breaking design. @ least keeps box same size whatever logged in facebook as.
1) wrap box in div , give id (in html)
<div id="mylikebox"> facebook box code in here </div>
2) add css (adjust height , width if need to)
#mylikebox { height: 70px; width: 210px; overflow: hidden; }
let me know if works out!
Comments
Post a Comment