WordPress.org

Support

Support » Plugins and Hacks » JSL3 Facebook Wall Feed » [Resolved] Whitespace generated below webpage when using overflow property

[Resolved] Whitespace generated below webpage when using overflow property

Viewing 6 replies - 1 through 6 (of 6 total)
  • Plugin Author Takanudo

    @takanudo

    Would you mind posting a link to the page where the widget is located on your site so I can take a look at what is going on?

    brockh90

    @brockh90

    Thank you for the prompt response. The website is still in development, but it is wper.bitstechnology.net The widget is generated in the middle of the page where it says Follow us on Facebook.

    Plugin Author Takanudo

    @takanudo

    Try adding this to the bottom of the style sheet on the settings page for the plugin:

    #facebook_status_box #facebook_canvas .fb_post .fb_commLink .fb_likes .tooltip
    {
    position: static !important;
    padding: 0 0 0 18px !important;
    opacity: 1 !important;
    filter: alpha(opacity=1) !important;
    }

    brockh90

    @brockh90

    Thanks! This fixed it. May I ask how you derived this fix? I tried everything under the sun that I could think of.

    Plugin Author Takanudo

    @takanudo

    I noticed your wordpress theme has it’s own tooltip class.

    .tooltip {
        display: block;
        font-size: 11px;
        opacity: 0;
        padding: 5px;
        position: absolute;
        visibility: visible;
        z-index: 2020;
    }

    I also use a tooltip class for the “like” image in the feed. As you can see, your theme’s tooltip class sets the position to absolute and then sets the opacity to zero. This had the effect of shifting all the like images to the bottom of your page and then making them invisible. I just added some css to overwrite your theme’s tooltip class on the feed.

    scarllc

    @scarllc

    I have a blog which I downloaded this widget to. Altho it did activate into the blog it has a large white box with a prompt that says exceptions no node specified. I tried the link you gave him but it did not cure my issue.. hte link… #facebook_status_box #facebook_canvas .fb_post .fb_commLink .fb_likes .tooltip
    {
    position: static !important;
    padding: 0 0 0 18px !important;
    opacity: 1 !important;
    filter: alpha(opacity=1) !important;
    }

    I still get the box. Its kingsize theme at http://www.scarllc.com/blog
    Any suggestions

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘[Resolved] Whitespace generated below webpage when using overflow property’ is closed to new replies.
Skip to toolbar