WordPress.org

Ready to get started?Download WordPress

Forums

SEO Facebook Comment
[resolved] Fluid width SEO Facebook Comments (8 posts)

  1. lijitimit
    Member
    Posted 2 years ago #

    Hi, Using SEO Facebook comments on another site, want it on my main site. It is a responsive theme, so I need fluid width! I'm doing testing here:
    http://sandbox.lijitimit.com/
    I know you need to define a width into the comment system, but can it be overidden? I have found this code:
    .fb-comments, .fb-comments iframe[style] {width: 100% !important;}
    Can something similar be done for this plugin?

    http://wordpress.org/extend/plugins/seo-facebook-comments/

  2. zreon
    Member
    Posted 2 years ago #

    I'm also looking for this. Has anyone come up with a solution for it?

  3. elultimoclick
    Member
    Posted 2 years ago #

    I also want this!

  4. ryanoh
    Member
    Posted 2 years ago #

    This works for me:
    .fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget iframe {width: 100% !important;}

  5. lijitimit
    Member
    Posted 2 years ago #

    Thanks for sharing!

  6. kaliyas
    Member
    Posted 2 years ago #

    Where to put this code?

  7. mgrzywacz
    Member
    Posted 2 years ago #

    Thanks for sharing the CSS Ryanoh - I can't seem to find where to place it though. Could you help us out and tell us where to place it? That would be a great help - Thanks! :)

  8. mgrzywacz
    Member
    Posted 2 years ago #

    Ah, don't worry about it Ryanoh - I just figured it out! lol

    For others, basically this is what you do...

    1) place the css Ryanoh posted above, in to your templates css *or* in to the bottom of the "fbseo-style.css" file for the SEO Facebook comments plugin. (I prefer placing it outside of the plugin files as an update to the plugin may remove the modification each time)

    2) In the SEO Facebook comments plugin setting under "Comments Width" just leave it blank (it says 'required' but if you leave it blank it still accepts it).

    Voila! Fluid with Facebook comments for our responsive themes! :)

    Hope this helps others out too.

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic