Empty space below buttons

Thomas_Prendergast

Hi Frederic,

There seems to be dead space below the buttons that is coming from your iframe with id="oa_social_login_frame_XXXXX"

Can this be removed by yourself or perhaps provide me a workaround? Thanks.

Fred_Pinel

Hi,
No problem. The 20px at the bottom of the iframe comes from the CSS that is selected by the javascript in your page (for example, in https://secure.oneallcdn.com/css/api/themes/beveled_connect_w208_h30_wc_v1.css, .plugin padding).
On the app.oneall.com wizards, you can try different CSS, they contain the 20px bottom spacing.

So, given your situation, you could choose and download the CSS you want, then modify it (remove the 20px bottom padding), serve it from your server, and point call the JS method to point to it (http://docs.oneall.com/api/javascript/library/methods/#sll_set_custom_css_uri).

Hope this helps.

Fred_Pinel

Hi,
Where exactly ? Are you referring to the 6px padding of div id="provider_facebook" ?
Thanks.

Thomas_Prendergast

See the above images showing the elements in the html using Firebug.

You can see that there is a 20px space below the buttons that has been generated by the id of "social_login" and "social_login_frame"

Fred_Pinel

Hi,
You can choose a custom CSS by using the JS method of our plugin:
https://docs.oneall.com/api/javascript/library/methods/#sll_set_custom_css_uri.

Hope this helps.

Thomas_Prendergast

Sorry your answer does not really help. Yes I looked at the CSS but the problem is what happens inside the frame and for the 20px space below it, I can't seem to pin it down to where it is being calculated. It does not seem to be explicitly defined within the CSS.

I raised the question really because as the developers with extensive knowledge of your own code, I was hoping that you would be able to either remove the space or point me in the right direction to what needs amending the CSS.