CODEWITHSUNDEEP
jqueryfacebookiframewidget
Daniel
Daniel

Reputation: 77

Facebook Like Box - Edit iFrame CSS

I was able to edit the css to my iframed twitter widget using the following instruction: iframe CSS Override for New Twitter Widget

However I can't seem to get something similar to that to work on the facebook like box widget. Does any one know if something similar will work facebook?

Upvotes: 1

Views: 8945

Answers (3)

Jackson
Jackson

Reputation: 1184

View the source code of your likebox via developer tools in chrome or FF. Copy the iframe code and replace the likebox plugin code taken from facebook with the iframe code. You can then change iframe widths and heights etc.

Upvotes: 0

The Alpha
The Alpha

Reputation: 146191

Taken from my blog, you can see the Facebook likebox here, just to change the Facebook look of the iframe, can't change the css, AFAIK

CSS

.sidebar-box {
    width:260px;
    margin-bottom: 30px;
    padding: 20px;
    border: 1px solid #E3E3E3;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 0px 0px 8px #ddd;
    -webkit-box-shadow: 0px 0px 8px #DDD;
    box-shadow: 0px 0px 8px #DDD;
}

HTML

<div class="sidebar-box">
    <iframe src="..." scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:292px; height:258px;margin-left:-17px;" allowtransparency="true"></iframe>
</div>

DEMO1 and DEMO2.

Upvotes: 1

Bernie
Bernie

Reputation: 1489

Unfortunately, it seems that Facebook has removed all methods of customising the like box. See:

Upvotes: 1

Related Questions