Home › Forums › Basel support forum › inicio de sesion con google

inicio de sesion con google

Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • October 19, 2022 at 5:03 am #414863

    mario2020
    Participant

    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.
    October 20, 2022 at 1:33 am #415119

    Elise Noromit
    Member

    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

    October 20, 2022 at 6:48 am #415154

    mario2020
    Participant

    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.
    October 24, 2022 at 5:12 am #415993

    mario2020
    Participant

    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 2 years, 1 month ago by mario2020.
    Attachments:
    You must be logged in to view attached files.
    October 24, 2022 at 5:21 am #415997

    mario2020
    Participant

    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;
    }

    October 24, 2022 at 6:48 am #416020

    Elise Noromit
    Member

    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

    October 24, 2022 at 3:31 pm #416156

    mario2020
    Participant

    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.
    October 25, 2022 at 4:59 am #416275

    Elise Noromit
    Member

    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

    October 27, 2022 at 7:58 pm #417006

    mario2020
    Participant

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

    Gracias

    Attachments:
    You must be logged in to view attached files.
    October 31, 2022 at 6:47 am #417497

    Elise Noromit
    Member

    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

    November 1, 2022 at 9:45 am #417782

    mario2020
    Participant

    ni tampoco sustituir la imagen del centro ??

    November 2, 2022 at 12:40 am #417984

    Elise Noromit
    Member

    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
Viewing 12 posts - 1 through 12 (of 12 total)