iframe with social buttons.

Andrew_Angregoridrew

Why do you have a stylesheet that we can't edit for our own forums with the buttons and where we want it placed.

You have float: left which looks silly for people who want it centered and we can't do nothing about it. Also we have a height of 150px on the iframe which causes a massive gap between the buttons and the oneall copyright link.

This is my oasociallogin_plugin_login_page templates that I have tried centering the buttons and removing the gap but nothing works because of the stylesheet stored on your server.
[code]

// <![CDATA[ var _oneall = _oneall || []; _oneall.push(['social_login', 'set_providers', ['{$oneall_social_login_cfg['providers']}']]); _oneall.push(['social_login', 'set_callback_uri', '{$oneall_social_login_cfg['callback_uri']}']); _oneall.push(['social_login', 'set_custom_css_uri', '{$oneall_social_login_cfg['css_uri']}']); _oneall.push(['social_login', 'set_grid_sizes', [4, 1]]); _oneall.push(['social_login', 'do_render_ui', '{$oneall_social_login_cfg['position']}']); // ]]>

[/code]

Claude_Schlesser

Hi Andrew,

you should have something like this.

<div id="social_login">
 --> iframe here
</div>

Simply add this to your stylesheet:

#social_login{
 width: 200px;
 margin:0 auto;
}

Basicially restrict the width of the div to the width of the contained icons and then center the div using margin 0 auto. This is only an example to illustrate the fix