Hi,
You can’t change the CSS as these call in an iFrame from facebook — this is how the like box and such are done, regardless of plugin.
About the only option you get is light or dark themed.
I was also looking for this and I found a solution.
You can change the Facebook Social Plugin CSS by adding the CSS to your theme CSS.
For example (Add this to your theme CSS):
.fb_iframe_widget{
background-color: rgba(153, 255, 24, 0.08);
border: 1px solid green;
}
Thanks Justlinera, that works, however what div can I call to limit the background color to the area of the widget? .fb_iframe_widget seems to cover hidden areas of the widget and thus make it look incorrect…
Thanks Justlinera. Worked great for me.
I agree with darkmatter661, this is not correct.
Really just want to style the “header” and “footer” area.
Via Firebug, I discovered one class for the header to color the background, but seems it cannot be over ridden with !important; (see below)
.pam {
padding: 10px;
background: #FA5900 !important;
}
This below did work, but it colors the header, footer, and inside the scroll box.
.fb_iframe_widget span iframe[style] {
background: #DEE9F9 !important;
height: 396px !important;
}
To me it seems odd that Facebook would not allow you to modify the CSS. I welcome replies.
Thanks konehead
