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.
[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_SchlesserClaude_SchlesserAdministratorOneAll Team
    edited August 12

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

Sign In or Register to comment.