WordPress.org

Ready to get started?Download WordPress

Forums

Jamie Social Icons
[resolved] Facebook Like Form Cut Off (8 posts)

  1. gsx0pub
    Member
    Posted 1 year ago #

    Great plugin, but I'm having an issue with the Facebook form being cut off. I've tried it on the top and bottom of the posts. Same result.

    You can see it here: https://dl.dropbox.com/u/23375736/jamie-social-icons.png

    Thanks so much!

    http://wordpress.org/extend/plugins/jamie-social-icons/

  2. martiniboy
    Member
    Plugin Author

    Posted 1 year ago #

    Hi gsx0pub
    Apologies for delay in getting back to you been on my hols and no internet access, it looks like your themes css is overwriting the plugins css causing the facebooks comment box to be cutoff, if you send me a link to your site I will see if I can assist. At a guess I imagine a li has an overflow hidden on

  3. gsx0pub
    Member
    Posted 1 year ago #

    No worries at all, I appreciate the response.

    I've tried playing with the overflow using "overflow: visible !important;" but I'm obviously not in the right class or ID.

    http://www.wer3c.org is the URL.

    I'm hoping you can see something I'm not.

    All my best!

  4. gsx0pub
    Member
    Posted 1 year ago #

  5. martiniboy
    Member
    Plugin Author

    Posted 1 year ago #

    Hi gsx0pub
    My plugin does not appear to be installed on that site, nothing obvious stands out within the CSS to make the overflow hidden but without seeing it, I could be troubleshooting it in the wrong containing div, depending on how you add my plugin, if at all.

  6. gsx0pub
    Member
    Posted 1 year ago #

    My apologies.

    I was trying to fix it myself and added the code directly from Facebook.

    It's back to using your plugin. Still not sure where the overflow:hidden is that needs to be changed.

  7. martiniboy
    Member
    Plugin Author

    Posted 1 year ago #

    No problem gsx0pub
    Looking at your code on line 1025 of your style.css you have the following

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

    and before that on line 35 you have

    iframe {
        max-width: none;
    }

    if you remove 'iframe' from your selectors on line 1025 the FB popup works fine - the Facebook popup iframe is getting its max-width from the containing div/li so will never expand to full width.
    so line 1025 looks like

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

    screen shot
    Just noticed your comments have no z-index so it appears above FBpopup to rectify give #respond on line 2115 of style.css a z-index of 0px
    so it will look like like on line 2115

    #respond {
        background: none repeat scroll 0 0 #DDDDDD;
        border: 1px solid #D3D3D3;
        border-radius: 3px 3px 3px 3px;
        margin: 0 auto 1.625em;
        padding: 1.625em;
        position: relative;
        width: 68.9%;
        z-index: 0;
    }

    Any problems give me a shout

  8. gsx0pub
    Member
    Posted 1 year ago #

    Both of those did it!

    Appreciate the help. I knew those lines needed to be added I just didn't know to which class or ID. Thanks for the assist!!!

    Great add-on. Thank you again.

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic

Tags

No tags yet.