WordPress.org

Ready to get started?Download WordPress

Forums

Facebook like button - Comment box shows up partially only (10 posts)

  1. wpmies
    Member
    Posted 1 year ago #

    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).

  2. Andrew
    Forum Moderator
    Posted 1 year ago #

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

  3. wpmies
    Member
    Posted 1 year ago #

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

  4. wpmies
    Member
    Posted 1 year ago #

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

  5. Andrew
    Forum Moderator
    Posted 1 year ago #

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

    embed, iframe, object {
     max-width: 100%;
    }
  6. wpmies
    Member
    Posted 1 year ago #

    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.

  7. wpmies
    Member
    Posted 1 year ago #

    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.

  8. Andrew
    Forum Moderator
    Posted 1 year ago #

    No succes.

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

  9. Andrew
    Forum Moderator
    Posted 1 year ago #

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

    .pluginLikeFlyoutFull {
     width: auto;
    }
  10. wpmies
    Member
    Posted 1 year ago #

    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.

Topic Closed

This topic has been closed to new replies.

About this Topic