WordPress.org

Ready to get started?Download WordPress

Forums

Facebook Comments by Fat Panda
Responsive comments box (10 posts)

  1. gixty7
    Member
    Posted 1 year ago #

    Hello,

    First of all, excellent plugin.

    I am using a responsive theme so I would like to know how to make the facebook comments box responsive so that it uses percentages instead of a fixed size.

    Thank you.

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

  2. lutechi
    Member
    Posted 1 year ago #

    I would also like to know the answer to this. Which div, iframe or class have to style to make it responsive?
    Thanks in advance.

  3. blakis08
    Member
    Posted 1 year ago #

    Try this

    .fb-comments, .fb-comments span, .fb-comments iframe {
        width: 100% !important;
    }

    or

    #fbcomments, .fb-comments, .fb-comments iframe[style], .fb-comments span {
    width: 100% !important;
    }
  4. jakobde
    Member
    Posted 1 year ago #

    I am having the same problem as above but i don't know where i should put this code? (which php file? and where in the file do i insert the code?)

    Sorry for but you are up to a real php beginner here...

    Thanks!
    /Jakob

  5. jsnmrk
    Member
    Posted 1 year ago #

    Hi, Thanks for the plugin.

    Two quick things. I am using this on my website which is a RESPONSIVE site. So Is there a way I can (or you can) make it that the comments plugin resizes 'fluidly' as the browser resizes. I tried making the width 100% but it assumes I mean 100 pixels... so no joy there.

    Secondly, I want the 'light' version of the plugin and after choosing 'light' and saving setting it still remains dark. I have tried clearing cache and reloading the page numerous times but no jot.

    EDIT: Does the code in the above post work? and where does it need to be inserted??? (which file and what line number)

    PLEASE let us know. :)

  6. Jimladen
    Member
    Posted 1 year ago #

    EDIT: Does the code in the above post work? and where does it need to be inserted??? (which file and what line number)

    Hey jsnmrk

    The code posted above is css and should go in your themes stylesheet.

  7. jsnmrk
    Member
    Posted 1 year ago #

    Works perfectly! THANK YOU!

  8. caoanh204
    Member
    Posted 1 year ago #

    Thanks @blakis08, it's work perfectly!

  9. chaosicq
    Member
    Posted 1 year ago #

    for those asking where to put the code it goes in style sheet.

  10. sitzikbs
    Member
    Posted 11 months ago #

    hi,
    i did everything as explained and it didnt work for me.
    I figured this might be due to the fact that my site is in rtl language

    so i added the following line
    direction: ltr !important;

    this solved the problem for me

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic

Tags

No tags yet.