WordPress.org

Ready to get started?Download WordPress

Forums

WordPress Connect
Fluid Width CSS for WP Connect Comments iframe? (7 posts)

  1. darren-c
    Member
    Posted 1 year ago #

    Hi

    This plugin is great, but unfortunately doesn't support responsive design websites (mobile, desktop etc).

    So, does anyone know the CSS required to override the problem with fixed pixels width? Ideally this plugin needs to be updated so that % can be set in the wp admin section, rather than pixels.

    Thanks,

    D

    http://wordpress.org/extend/plugins/wordpress-connect/

  2. scibuff
    Member
    Plugin Author

    Posted 1 year ago #

    Hi, I'm not exactly sure what you mean. Could you please elaborate a bit, e.g. a web/screenshot of the problem etc.

    Thanks

  3. darren-c
    Member
    Posted 1 year ago #

    @scibuff, I've just updated/converted my WordPress website theme to a 'responsive' WordPress theme called Fluid, so that it displays correctly on mobile devices.

    I'm slowly customising the theme... all was going well until I noticed that the FaceBook Comments plugin 'WP Connect' is not displaying the FaceBook Comments iframe plugin correctly. This is because the plugin only gives the option to adjust it's width by setting a fixed width in pixels in the wp admin section. What I need is to be able to set it as a percentage, but that is currently not available using this plugin.

    I've noticed that a lot of other people have had the same issue, and I've seen a few solutions such as this one: http://stackoverflow.com/questions/7447483/how-to-make-facebook-comments-widget-a-fluid-width
    but, these solutions don't seem to work on my site, I'm assuming because there is a conflict between the JS/PHP generated inline styles and the CSS used by the Fluid theme, which I am now trying to crack...

    WordPress Theme: http://themefit.com/responsive-wordpress-themes/fluid/
    WordPress Plugin: http://wp-connect.tomasvorobjov.com/ (Version 2.0.3)

    Thanks D.

  4. scibuff
    Member
    Plugin Author

    Posted 1 year ago #

    It's been a while since I worked on this plugin ... back then the facebook comments could have a width specified in the appropriate html tag but it accepted only pixel values. If percentage is now supported I'll add it, if not I'll have a look at some kind of css hack.

    Thanks

  5. darren-c
    Member
    Posted 1 year ago #

    Thanks scibuff! Massively appreciated, I'm sure this will help a lot of people experiencing the same problem. Thanks for your help! :-)

  6. scibuff
    Member
    Plugin Author

    Posted 1 year ago #

    Ok, I'll see what I can do but have you actually tried viewing it on a mobile? I'm just asking because of the following (taken from facebook.com)

    The mobile version will automatically show up when a mobile device user agent is detected. You can turn this behavior off by setting the mobile parameter to false. Please note: the mobile version ignores the width parameter, and instead has a fluid width of 100% in order to resize well in portrait/landscape switching situations. You may need to adjust your CSS for your mobile site to take advantage of this behavior. If preferred, you can still control the width via a container element.

  7. darren-c
    Member
    Posted 1 year ago #

    ...yep I read that all hopeful, but it doesn't display at all using my iphone.

    If you look at that page you mentioned (fb dev), and try and grab the code, it give this message: "This plugin does not have an iframe implementation. Please use the JavaScript SDK and the XFBML or HTML5 implementations." not sure if that might have anything to do with it?

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic