Social API login buttons (Facebook and Google)

Hi,

I have styled the social buttons in the right hand log in panel with the following CSS, however I am unable to control the hover state to prevent the text turning to white even though I have specified that it stays black:

.btn.login-fb-link, .btn.login-goo-link {
color:#000!important;
background-color:#fff!important;
}
.btn.login-fb-link a:hover, .btn.login-goo-link a:hover {
color:#000!important;
————————————————————-
Any help would be great.

Regards
Dee

Attachments:

You must be logged in to view attached files.

Hello,

Please add this code to the Theme Settings > Custom CSS > Global:

body .social-login-btn>a:hover {
    color: #000!important;
}

Best Regards

Hello,

(Facebook button)

Just wondered if it was possible to change the colour of the facebook icon to blue whilst leaving the text black as the icon and the text seem to share the same sector (.btn.login-fb-link)?

Current code
————————————-
.social-login-btn {
border: 2px solid #000!important;
}
.social-login-btn>a:hover {
color:#000!important;
}
.btn.login-fb-link, .btn.login-goo-link {
color:#000!important;
background-color:#fff!important;
}
—————————————–

Thanks
Regards
Dee

Attachments:

You must be logged in to view attached files.

Hello,

Please add this code to the Theme Settings > Custom CSS > Global:

block .basel-social-alt-style .login-fb-link:before {
color:red;
}

Set the color as per your needs.

Best Regards

Hello,

Thanks again for your assistance as always.

Please close ticket.

Regards
Dee

[Author]

Posts