White space at top of participant center - gigya issue?

Ami Kim

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

Kent Gilliam

Ami,

 

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

Ami Kim

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

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:

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?

Marshall Lloyd

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

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. . 

Marshall Lloyd

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

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