iframe with social buttons.

Andrew_Angregoridrew

August 2019 in Questions

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]

Answers

Claude_SchlesserAdministratorOneAll Team

August 2019 edited August 2019
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