Back to oneall.com

Custom CSS to adjust social login buttons

Gryphtech_OperationsGryphtech_Operations
in Social Login
Hello,

We are trying to set custom CSS to adjust the social login buttons.

In the oneall documentation, the line bolded below is what you say we are supposed to use to overwrite your CSS, but it doesn't seem to be working.

var _oneall = _oneall || [];
_oneall.push(['social_login', 'set_callback_uri', '<%= GetBaseUrl() %>/PubScripts/SocialLogin.aspx?callback=<%= Request.RawUrl %>']);
_oneall.push(['social_login', 'set_providers', ['facebook', 'twitter', 'google']]);
_oneall.push(['social_login', 'set_grid_sizes', [1, ]]);
_oneall.push(['social_login', 'do_render_ui', 'oa_social_login']);
_oneall.push(['social_login', 'set_custom_css_uri', 'http://web30.remax.it/common/css/tmp/styles.min.css']);
$('#btnFacebook').click(function () {
$('#button_facebook').click();
});

Can you please provide feedback?

Best Answer

Answers

  • Claude_SchlesserClaude_SchlesserAdministratorOneAll Team
    Hello,

    set_custom_css_uri must be called before do_render_ui.
    Once it has been rendered, no changes are possible anymore ;)

    Regards,
  • Alex_StulovAlex_StulovMember
    Hello, I've tried to set custom style as written here: http://docs.oneall.com/plugins/guide/social-login-wordpress/.
    But plugin don't load style from my server - I don't see it in iframe's header. When I use default URI(from the FAQ) I can see that URI in the header. Where should I put my css-file and where should I put the piece of code from instruction(I did it at the top of user-interface.php)?
  • Claude_SchlesserClaude_SchlesserAdministratorOneAll Team
    Hi Alex,

    you can directly add the link to your CSS stylesheet in the customisation settings of your site in your OneAll account.

    There is also a hook that can be used so that you don't have to modify the plugin itself:
    http://docs.oneall.com/plugins/guide/social-login-wordpress/#3h

    Regards,
  • Gryphtech_OperationsGryphtech_OperationsMember
    It works for us, we have something like that:

    var _oneall = _oneall || [];
    _oneall.push(['social_login', 'set_callback_uri', '/mycallbackuri']);
    _oneall.push(['social_login', 'set_providers', ['facebook', 'twitter', 'google']]);
    _oneall.push(['social_login', 'set_grid_sizes', [1, ]]);
    _oneall.push(['social_login', 'set_custom_css_uri', 'http://mycustomurl.css']);
    _oneall.push(['social_login', 'do_render_ui', 'oa_social_login']);

    However if I try to add versioning to URL, it breaks the component where I have the code.
    I would like to be able to add something like:

    _oneall.push(['social_login', 'set_custom_css_uri', 'http://mycustomurl.css?ver=4.0.3']);

    Any idea?
  • Claude_SchlesserClaude_SchlesserAdministratorOneAll Team
    Hello,

    I have not been able to reproduce the error by adding ?ver=4.0.3 or other string to the custom css url. What exactly breaks if you add the parameter?
  • Gryphtech_OperationsGryphtech_OperationsMember
    Sorry. Please disregard my post. Was something wrong in my code.
Login to your OneAll account to add a new comment

Welcome!

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.

Ask a question

Information

Products & Services

Categories