WordPress.org

Support

Support » How-To and Troubleshooting » Facebook like button – Comment box shows up partially only

Facebook like button – Comment box shows up partially only

  • The comment box which opens when the Facebook like button is pressed doesn’t show up the way it should in my site.

    I have tried plenty of social plugins and the same problem occurs with all of them.

    The comment box is cropped always to the right end of facebook buttons:
    _________ __________ ________ _________
    Facebook | Facebook | Google | Twitter |
    Like | Share | Plus | |
    _________|__________|________|_________|
    ____________________ _ _ _ _ _ _ _ _ _ _ _ _ _
    Facebook like button ——————————–|
    comment box ———————————|
    shows up here ———————————-|
    ____________________ _ _ _ _ _ _ _ _ _ _ _ _ _|

    Hidden area of the box marked with ——————–|

    At the moment I have Social Ring as my Like plugin. In Social ring the Facebook buttons are the last two buttons on the right. However, I drew that picture with Facebook buttons in the left side because it shows better how the comment box is cropped always after the Facebook buttons (Not always in the right end of the button row).

Viewing 9 replies - 1 through 9 (of 9 total)
  • Moderator Andrew Nevins

    @anevins

    Can you post a screenshot of the problem?
    I’m using Chrome 21.0 on Windows and cannot see what you mean.

    Yes, of course. I have put the picture now into a page

    That screenshot was taken with Chrome 21. But the problem is the same with IE and Mozilla.

    Moderator Andrew Nevins

    @anevins

    Okay I’ve found the culprit CSS style.
    It’s on line 968 style.css;

    embed, iframe, object {
     max-width: 100%;
    }

    Thanks. I commented that out in style.css of parent theme. No succes. Then I tried that code also with different max-width values (150-300%) in my child style.css. But still no succes. Comment box is still cropped.

    Actually you got the right point. Now it works. But after many clicks only. First it is cropped. But if I click the like off and then like on few times then it works sometimes.

    Moderator Andrew Nevins

    @anevins

    No succes.

    http://awesomescreenshot.com/09fe6d742
    Showing it has worked partially.

    Moderator Andrew Nevins

    @anevins

    I don’t know how to stop the further cut-off, but you could try reducing the width as a substitute;

    .pluginLikeFlyoutFull {
     width: auto;
    }

    Yes it is wider than before. And when I remove the like and like again, then the box is full-sized. This happens with chrome and IE as well.

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘Facebook like button – Comment box shows up partially only’ is closed to new replies.