TalentLMS te permite modificar tus temas con CSS para darles un aspecto único. Pero, ¿qué hacer si quieres cambiar el estilo de un elemento específico de la página y no conoces el código CSS predeterminado?
¡No te preocupes! En la mayoría de los navegadores modernos, es muy sencillo encontrar el código CSS de los elementos de una página.
Por ejemplo, para encontrar los estilos CSS del cuadro de comunicados externos en Chrome y reemplazarlos por los tuyos, sigue estos pasos:
1. Inicia sesión en tu cuenta de TalentLMS como Administrador y ve a Inicio > Cuenta y Ajustes.
2. En la sección Comunicado, ve a la pestaña Externo (1).
3. En el área de texto correspondiente, añade un comunicado (por ejemplo, ¡Hola a todos!) y haz clic en Guardar.
Nota: Ahora los usuarios podrán ver el cuadro de comunicado externo en su página de inicio de sesión. |
4.Cierra sesión en tu cuenta de TalentLMS.
Puedes ver tu comunicado externo justo debajo de los campos de inicio de sesión.
5. En Chrome, pulsa Control+Mayúscula+I en tu teclado para iniciar el kit de herramientas para desarrolladores.
6. Pulsa Control+Mayúscula+C en tu teclado para activar el modo “Inspector” (o haz clic en el símbolo de selección ubicado en la parte superior izquierda del kit de herramientas para desarrolladores).
7. Señala el elemento del comunicado en tu página y haz clic en él para destacar el código HTML y los estilos CSS respectivos en el kit de herramientas para desarrolladores. El CSS predeterminado es:
.tl-external-announcement {
margin: -15px 110px 30px 110px;
padding: 13px;
font-size: 15px;
font-weight: normal;
}
Cópialo.
Nota: Como alternativa, puedes señalar el elemento que quieras, hacer clic derecho y luego hacer clic en Inspeccionar. |
8. Inicia sesión en tu cuenta de TalentLMS como Administrador y ve a Inicio > Cuenta y Ajustes.
9. Dirígete a la pestaña Temas y, en el menú desplegable de Tema, elige un tema para modificarlo.
10. A continuación, ve a la pestaña CSS (1).
11. En el área de código, pega el código CSS del comunicado externo y modifícalo como desees (por ejemplo, font-size: 35px;).
12. Haz clic en Actualizar o Guardar como nuevo para guardar tus nuevos estilos.
13. Cierra sesión en tu cuenta para verificar el nuevo aspecto de tu comunicado externo.