WordPress.org

Ready to get started?Download WordPress

Forums

Facebook Social Plugin Widgets
[resolved] Change CSS or custom CSS (6 posts)

  1. darkmatter661
    Member
    Posted 2 years ago #

    I'd like to change the CSS of the widget to match my theme a bit more. Where can I specify specific CSS? Right now looks likes it pointing to an outside source (FB?).

    Thanks.

    http://wordpress.org/extend/plugins/facebook-social-plugin-widgets/

  2. chrisguitarguy
    Member
    Plugin Author

    Posted 2 years ago #

    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.

  3. Justlinera
    Member
    Posted 1 year ago #

    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;
    }

  4. darkmatter661
    Member
    Posted 1 year ago #

    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...

  5. Chad Eisenhart
    Member
    Posted 1 year ago #

    Thanks Justlinera. Worked great for me.

  6. konehead
    Member
    Posted 1 year ago #

    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

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic