inicio de sesion con google

hola

Al iniciar sesión con redes sociales

¿Me peuden ayudar a cambiar el botón de google a color blanco como lo adjunto en la foto y su contorno del perímetro blanco?

Saludos

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 .login-goo-link {
    background-color: #ffffff;
}
body .social-login-btn .login-fb-link {
    background-color: #ffffff;
}
body .social-login-btn> a {
    color: black !important;
    border: 2px solid;
}

Best Regards

Gracias, Personalice más detalles de contorno pero no pude poner la palabra en letras negras. Sólo faltaría que me puedan apoyar en poner las letras negras de “Google” y que se quite el color azul cuando seleccionas el botón y aparezca como en el ejemplo que les mando en contenido privado. Gracias

body .social-login-btn .login-goo-link {
background-color: #FFFFFF;
color: #222220;
border: 2px solid black;
}
body .social-login-btn .login-fb-link {
background-color: #3b5998;
}

Attachments:

You must be logged in to view attached files.

[mario2020]

Hola

Ya logre hacer el botón de “Google” como quiero a excepción de que no pude quitarle el color azul al sobre ponerme en el botón y ponerselo en color gris como comente anteriormente, me pueden ayudar??

adjunto imagen

Muchas gracias

• This reply was modified 1 year, 6 months ago by mario2020.

Attachments:

You must be logged in to view attached files.

Esto es lo que tengo

body .social-login-btn .login-goo-link {
border-radius:8px;
background-color: #FFFFFF;
color: black !important;
border: 1px solid black;
font-weight: 400;
}
body .social-login-btn .login-fb-link {
border-radius:8px;
background-color: #3b5998;
border: 1px solid black;
font-weight: 400;
}

Hello,

You need to edit this code:

body .social-login-btn .login-fb-link {
border-radius:8px;
background-color: #3b5998;
border: 1px solid black;
font-weight: 400;
}

Change this line: background-color: #3b5998;

If you have any questions please feel free to contact us.

Best Regards

Hola Gracias peor me refería al botón de “Google” que esta en blanco a simple vista pero al pasar el cursor se vuelve azul, me gustaría ese azul hacerlo color blanco o gris. (Adjunto imagen)

body .social-login-btn .login-goo-link {
border-radius:8px;
background-color: #FFFFFF;
color: black !important;
border: 1px solid black;
font-weight: 400;
}

Attachments:

You must be logged in to view attached files.

Hello,

You need to add this code to have the same on default and on hover:

body .social-login-btn .login-goo-link:hover {
    background-color: #ffffff;
}
body .social-login-btn .login-fb-link:hover {
    background-color: #ffffff;
}
body .social-login-btn> a:hover {
    color: black !important;
    border: 2px solid;
}

Best Regards

Hola! Podrías ayudarme a redondear el logo de google en círculo ?

Gracias

Attachments:

You must be logged in to view attached files.

Hello,

Unfortunately, it is not possible. This is a textual icon. The border-radius is applied to the wrapping element only. The wrapping contains icons and text and we cannot apply border-radius there.

If you have any questions please feel free to contact us.

Best Regards

ni tampoco sustituir la imagen del centro ??

Hello,

I am afraid the HTML structure does not allow doing that.

If you have any questions please feel free to contact us.

Best Regards

[Author]

Posts