Topic-icon Possible to add custom text when using social signin?

Active Subscriptions:

None
Possible to add custom text above social buttons (Modal mode) that reads: "Or login with your social account." And then below the buttons: "We won’t auto-post to your social network."?

Also, for some reason the registration button color does not look good. It's black and the "Register" is not clear. When I hover, it looks nice (gray). Any idea why that is, or how to fix? Thanks!! Images attached.
File Attachment:


File Attachment:
The topic has been locked.
Support Specialist
8 years 3 months ago #58490 by mel

Possible to add custom text above social buttons (Modal mode) that reads: "Or login with your social account." And then below the buttons: "We won’t auto-post to your social network."?

* The intro text is defined in the language file "MOD_SCLOGIN_SOCIAL_INTRO_TEXT_LABEL" key.
* We currently don't have a way to set any post button text. I've created an issue in our tracker to add this for a future release, as it would be a pretty simple feature. Here's a snippet (untested) in the mod_sclogin/tmpl/socialLogin.php file that should be able to add this.

1) Change
$introText = JText::_('MOD_SCLOGIN_SOCIAL_INTRO_TEXT_LABEL');

    echo '<div class="sclogin-social-login '.$socialSpan . ' ' . $layout . ' ' . $orientation.'">';
    if($introText)
        echo '<span class="sclogin-social-intro '.$socialSpan.'">'.$introText.'</span>';
    echo $loginButtons;
    echo '</div>';
to
$introText = JText::_('MOD_SCLOGIN_SOCIAL_INTRO_TEXT_LABEL');
$postText = JText::_('MOD_SCLOGIN_SOCIAL_POST_TEXT_LABEL');

    echo '<div class="sclogin-social-login '.$socialSpan . ' ' . $layout . ' ' . $orientation.'">';
    if($introText)
        echo '<span class="sclogin-social-intro '.$socialSpan.'">'.$introText.'</span>';
    echo $loginButtons;
    if($postText)
        echo '<span class="sclogin-social-post-text '.$socialSpan.'">'.$postText.'</span>';
    echo '</div>';

2) Add the "MOD_SCLOGIN_SOCIAL_POST_TEXT_LABEL" key to your language file.

This code is untested, so let me know if you have problems with it.

Also, for some reason the registration button color does not look good. It's black and the "Register" is not clear. When I hover, it looks nice (gray). Any idea why that is, or how to fix? Thanks!! Images attached.

It looks as if you've selected the sourcecoast theme. This is the one that we use on our sourcecoast.com website, where the buttons are black. If you'd like to override it, I'd suggest creating your own theme ( which is described here ). You can copy the sourcecoast one and then tweak the following setting to get the color you'd prefer:

Sourcecoast.css around line 224
.sourcecoast .btn {
color: #FFF; /* OR whatever color you'd prefer */
}
The topic has been locked.
Active Subscriptions:

None
Outstanding!! Thank you so much! Worked great!
The topic has been locked.
Support Specialist
Great! We're glad to hear we could help get you going. If you need anything else, please let us know.

Thanks,
Alex
The topic has been locked.