iframe with social buttons.

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.

// <![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']}']); // ]]>



  • Claude_SchlesserClaude_SchlesserAdministratorOneAll Team
    edited August 2019

    Hi Andrew,

    you should have something like this.

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

    Simply add this to your stylesheet:

     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 ;)


Please sign in to your OneAll account to ask a new question or to contribute to the discussions.

Please click on the link below to connect to the forum with your OneAll account.