White space at top of participant center - gigya issue?

Options

Hi all - 

We are experiencing a strange issue - our participant center and personal pages are loading with white space at the top (so people who log in need to scroll down quite a bit to get to their PC or the personal page. I don't want people to think the page hasnt loaded at all (which happens if they see a big blank screen and they don't notice the appearance of the scroll bar)

 

The issue seems to be exacerbated when we include the Gigya/social sharing... so for now we have turned off social sharing.

 

Has anyone else experienced (or - more importantly, fixed) this issue?

 

Ami

Tagged:

Comments

  • Kent Gilliam
    Kent Gilliam Blackbaud Employee
    Ancient Membership 2500 Comments 100 Likes Name Dropper

    Ami,

     

    Can I escalate this post to a Support case so they can take a look? Or have you already contacted Support?

  • Kent Gilliam:

    Ami,

     

    Can I escalate this post to a Support case so they can take a look? Or have you already contacted Support?

    Hi Kent - would love for someone in support to take a look - tho' we have tried. Perhaps we're not explaining things clearly.

     

     

  • Kent Gilliam
    Kent Gilliam Blackbaud Employee
    Ancient Membership 2500 Comments 100 Likes Name Dropper
    Ami Kim:

    Hi Kent - would love for someone in support to take a look - tho' we have tried. Perhaps we're not explaining things clearly.

     

     

    I see the case. Did you update the CSS for your PC?

  • Kent Gilliam
    Kent Gilliam Blackbaud Employee
    Ancient Membership 2500 Comments 100 Likes Name Dropper
    Kent Gilliam:

    I see the case. Did you update the CSS for your PC?

    You will need to change the spacing for all of those elements if they're not all labeled the same. Do you use Firefox Firebug to see what the labels are for the different CSS areas?

  • Kent Gilliam:

    I see the case. Did you update the CSS for your PC?

    yes... we were instructed to use this:

     

    .yui-skin-ux #doc2 {

    width: 947px;

    border: solid #64104A;

    border-width: 3px 3px 3px 3px;

    position: relative;

    top: -300px;

    }

     

    It fixed some issues - but not all of them... 

  • Kent Gilliam
    Kent Gilliam Blackbaud Employee
    Ancient Membership 2500 Comments 100 Likes Name Dropper
    Marshall Lloyd:

    yes... we were instructed to use this:

     

    .yui-skin-ux #doc2 {

    width: 947px;

    border: solid #64104A;

    border-width: 3px 3px 3px 3px;

    position: relative;

    top: -300px;

    }

     

    It fixed some issues - but not all of them... 

    Yes, but does that area where the whitespace is showing up under the email tab also using that CSS? I don't think it is. . 

  • Kent Gilliam:

    Yes, but does that area where the whitespace is showing up under the email tab also using that CSS? I don't think it is. . 

    I made edits to the custom.css file - which had this original Blackbaud code fix:

    yui-skin-ux #doc2 {

    width: 947px;

    border: solid #64104A;

    border-width: 3px 3px 3px 3px;

    position: relative;

    top: -300px;

    }

     

    changed it to:

    yui-skin-ux #doc2 {

    width: 947px;

    border: solid #64104A;

    border-width: 3px 3px 3px 3px;

    position: absolute;

    top: 10px;

    left: 10px;

    }

     

    by changing the position to "absolute"  - it seems to fix 99% of the spacing issues... just need to adjust the "preview-block_c" div under the Email tab to close up that space above the "Compose Message" headline ... also not sure what will happen after I enable Social Sharing...fingers crossed...

  • Kent Gilliam
    Kent Gilliam Blackbaud Employee
    Ancient Membership 2500 Comments 100 Likes Name Dropper
    Marshall Lloyd:

    I made edits to the custom.css file - which had this original Blackbaud code fix:

    yui-skin-ux #doc2 {

    width: 947px;

    border: solid #64104A;

    border-width: 3px 3px 3px 3px;

    position: relative;

    top: -300px;

    }

     

    changed it to:

    yui-skin-ux #doc2 {

    width: 947px;

    border: solid #64104A;

    border-width: 3px 3px 3px 3px;

    position: absolute;

    top: 10px;

    left: 10px;

    }

     

    by changing the position to "absolute"  - it seems to fix 99% of the spacing issues... just need to adjust the "preview-block_c" div under the Email tab to close up that space above the "Compose Message" headline ... also not sure what will happen after I enable Social Sharing...fingers crossed...

    I've never seen a report of Gigya causing issues before but please let me know if it does mess things up.

     

    Kent

Categories