Widget white space issue

  • Anonymous

    #10049

    Hi I have this social plugin (not related to graphene) called “Ultimate Social Media Icons PLUS” and I wrote to them on their support forum.

    They told me the issue I am having looks like a template issue (could be BS??) I have a lot of extra white space on my social widget. Could this be the case? View my social widget and you can see all the white space between the icons and the top http://www.clickmoves.com

    Mod

    Kenneth John Odle

    #44953
    Quote:
    They told me the issue I am having looks like a template issue (could be BS??)

    In general, plugin authors always blame theme authors, and vice versa. But yeah, it’s the plugin:

    But in the widget’s CSS, I see:

    .sfsi_plus_widget {
    bottom: -65px;
    min-height: 55px;
    position: relative;
    right: 0;
    }

    It’s pulling the bottom down to make room for the pop-ups.

    And then, in the HTML itself, it sets the height:

    <div class="sfsiplus_norm_row sfsi_plus_wDiv shuffle" style="width: 225px; text-align: center; position: absolute; transition: height 250ms ease 0s; height: 50px;">

    If you don’t mind your pop-ups appearing on top of your widget title, you can try this custom CSS:

    .sfsi_plus_widget {
    bottom: 0;
    min-height: 0px;
    }
    .sfsiplus_norm_row {
    height: auto !important;
    }

    You might want to check on the plugin’s website to see if they have examples of how this widget has been implemented on other sites. It may give you a better idea of how to handle this situation on yours.

    Anonymous

    #44954

    I gave it a shot Ken but it had an undesired effect on the widget and it raised the header icons way up off the bottom. I think maybe I should leave it be??

    wacky_widget.png

Viewing 3 posts - 1 through 3 (of 3 total)

  • You must be logged in to reply to this topic.