Viewing 7 replies - 1 through 7 (of 7 total)
  • Plugin Author martiniboy

    (@martiniboy)

    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

    Thread Starter gsx0pub

    (@gsx0pub)

    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!

    Thread Starter gsx0pub

    (@gsx0pub)

    Plugin Author martiniboy

    (@martiniboy)

    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.

    Thread Starter gsx0pub

    (@gsx0pub)

    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.

    Plugin Author martiniboy

    (@martiniboy)

    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

    Thread Starter gsx0pub

    (@gsx0pub)

    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.

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘[Plugin: Jamie Social Icons] Facebook Like Form Cut Off’ is closed to new replies.