Topic-icon Button styling

Active Subscriptions:

None
4 years 7 months ago #65645 by Apos
Button styling was created by Apos
Hello, we have installed your extension on our website.
www.zhteitai.gr/
We'd like to ask you if it is possible
a. to change the colour of the button
b. to display an image or graphic instead of the word "Σύνδεση" or "Login" (view the attachment, please)
c. to display it on the right side of the homepage
d. the popup window to open not on the centre but on the right side of the homepage
Thank you in advance,
Apostolos
File Attachment:
The topic has been locked.
Support Specialist
4 years 7 months ago #65646 by mel
Replied by mel on topic Button styling
What you're asking for can be done with either CSS or a template override. We'd suggest creating your own SCLogin theme, as described here , to put any style changes in.

a. Set the background color of the button
.sourcecoast a.btn.btn-primary {
background: #cc0000;
}

b. Create a template override for mod_sclogin/tmpl/login.php. Around line 28, change the following line:
echo '<div class="sourcecoast sclogin-modal-links sclogin"><a ' . $loginClass . ' href="#login-modal" role="button" data-toggle="' . $modalName . '">' . JText::_('MOD_SCLOGIN_LOGIN') . '</a>';
to
echo '<div class="sourcecoast sclogin-modal-links sclogin"><a ' . $loginClass . ' href="#login-modal" role="button" data-toggle="' . $modalName . '"><img src="YOUR_LINK_HERE.png"></a>';

c.
.sclogin {
text-align: right;
}

d.
.sourcecoast.modal {
left: 80%;
}

-Melissa
The topic has been locked.
Active Subscriptions:

None
4 years 7 months ago #65654 by Apos
Replied by Apos on topic Button styling
ΟΚ, we'll try all of these you suggested to us.

Thank you very much for your assistance.

Apostolos
The topic has been locked.