WordPress.org

Ready to get started?Download WordPress

Forums

Share Buttons by AddThis
[Plugin: AddThis] Facebook Like button not displaying correctly (6 posts)

  1. beining
    Member
    Posted 2 years ago #

    I am using the official WordPress plugin with WP 3.3.1. and have chosen to the 6. alternative to display sharing buttons (horizontal Facebook, Twitter, G+ and Share buttons with share counter). However the Facebook Like button does not display correctly on the latest versions of Chrome and Safari (PC). See a screenshot here of the error http://tivo.li/zm4ucP IE9 shows it halfways correctly, but it cuts the Facebook box above the "post to Facebook" button: http://tivo.li/yV00Ka Only Firefox 10 shows it correctly.

    Do you have an idea why this occurs?

    The blog is: http://blog.easybring.com/2012/03/hva-kjaere-leder-ser-pa

    http://wordpress.org/extend/plugins/addthis/

  2. manueld
    Member
    Posted 2 years ago #

    Having the same issue as well. It seems like giving the span with class " fb_edge_comment_widget fb_iframe_widget" the same width as the iframe fixes the issue.

  3. beining
    Member
    Posted 2 years ago #

    Thanks! Which file has this span class? And what iframe do you refer to? Is that iframe size found in the same file where the span class is?

  4. manueld
    Member
    Posted 2 years ago #

    It's inserted by javascript. If you're using FF use firebug and you'll see the class. There's actually no css associated with this class so i added one on my css.

    The fb like will generate an iframe. which is wrapped with the span tag i mentioned before.

  5. peter
    Member
    Posted 1 year ago #

    I had the same / a similar issue. In my case this was caused by the generic iframe " max-width:100% ". These generic settings are used in responsive themes. Look eg at http://core.trac.wordpress.org/attachment/ticket/18941/18968-responsive-embed-object-iframe-move.diff

    Although likely not the ultimate solution, i can work around this issue for all addthis widgets like so:

    .atwidget iframe {
    	max-width:none;
    }
  6. _mjk_
    AddThis Samurai
    Plugin Author

    Posted 1 year ago #

    Thanks for posting a fix, Peter. We'll look into incorporating this into the main plugin.

    Best,
    Matt

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic

Tags