WordPress.org

Ready to get started?Download WordPress

Forums

JSL3 Facebook Wall Feed
[resolved] Whitespace generated below webpage when using overflow property (7 posts)

  1. brockh90
    Member
    Posted 1 year ago #

    Hello, I am using the widget and it is working great however the widget's overflow property is generating quite a lot of white space underneath the website. I was wondering if there is a work around for this?

    http://wordpress.org/extend/plugins/jsl3-facebook-wall-feed/

  2. Takanudo
    Member
    Plugin Author

    Posted 1 year ago #

    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?

  3. brockh90
    Member
    Posted 1 year ago #

    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.

  4. Takanudo
    Member
    Plugin Author

    Posted 1 year ago #

    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;
    }
  5. brockh90
    Member
    Posted 1 year ago #

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

  6. Takanudo
    Member
    Plugin Author

    Posted 1 year ago #

    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.

  7. scarllc
    Member
    Posted 1 year ago #

    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

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic

Tags

No tags yet.