WordPress.org

Support

Support » Plugins and Hacks » [Resolved] [Plugin: Facebook Social Plugin Widgets] Change CSS or custom CSS

[Resolved] [Plugin: Facebook Social Plugin Widgets] Change CSS or custom CSS

Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Author chrisguitarguy

    @chrisguitarguy

    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

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘[Resolved] [Plugin: Facebook Social Plugin Widgets] Change CSS or custom CSS’ is closed to new replies.