4 trucos para personalizar el Login en el tema Boost de Moodle

Ver comentarios

• Hola de verdad muchas gracias por el aporte, sin duda habremos muchas personas en busca de esta valiosa información, yo quiero agregar código CSS a la plataforma moodle y desconocía como hacerlo, gracias a ti ya puedo hacerlo, deverdad muchas gracias, Disculpa.. ¿habría manera de hacer un tutoria o apoyarme para modificar un icono de moodle?

  • Me alegra que haya sido de utilidad nuestra web.
    Brindamos tutorias, en esta pagina tienes la información, si así lo requieres.
    Saludos.

• Excelente tutorial, era lo que necesitaba, en verdad muchas gracias

  • Hola Jorge. Me alegra ayudar.
    Saludos.

• Buen día una duda quisiera ocultar pie de página (footer) ¿Cómo se puede ocultar?

  • Hola Miguel.
    Prueba con este código:

    #page-footer {
display: none;
}

    Saludos

• Es muy bueno tu material gracias me gustaría saber como hago que el logo del login sea adaptativo, en pc se ve bien pero en móvil sobra.

  • Hola Joey.
    El código es casi igual al del comentario anterior:

    @media screen and (max-width: 768px) {
.pagelayout-login .card-header {
display: none;
}
}

    Saludos.

• Buen día una duda quisiera ocultar el nombre del sitio en el login en su ejemplo es Moodle 33. ¿Cómo se puede ocultar?
  Gracias

  • Hola Alejandro.

    Prueba con este codigo CSS:

    .pagelayout-login .card-header.text-center {
display: none;
}

    Saludos.

• Muchas gracias por tu instructivo, sirve de mucho. Pero me surgio una duda.. como seria para cambiar el tamaño de la ventana de login. He tratado de buscar y ver opciones pero no le podido conseguirlo. Gracias de antemano!

  • Hola Jorge.
    La ventana del login es la misma del navegador, por lo que cambiar el tamaño dependerá del usuario.
    De todas maneras esta pagina puede ser de ayuda.
    Saludos.

• Hola! muy buenos trucos para la personalizar el login. Tengo una dificultad. quisiera reducir el tamaño del login y ocultar las opciones de "olvido su nombre de usuario" y " las cookies deben estar habilitadas..." Gracias de antemano

  • Hola Jorge.
    Disculpa la tardanza en responder pero tu mensaje estaba en spam.
    Esas opciones son importantes para la accesibilidad e información de los usuarios, no recomiendo ocultarlas.
    Pero si deseas hacerlo dependerá del tema que tengas, para el tuyo (que dejaste en el enlace del comentario) seria con este código CSS:

    .col-md-4.push-md-3 {
display: none;
}

    Esto lo oculta, pero deja ese espacio en blanco.
    Saludos.

• Hola, solo he trabajado moodle desde la parte de alimentación académica, no desde lo técnico me han aparecido errores pero no he modificado nada por temor a crear otros errores. Algunos son estos en la ver. 3.0.3:
  Error 500, Plugins: checkbox, datetime menu, text, text tarea.

  QUE ME RECOMIENDAS?

  • Hola Mayte.
    Esos errores no pueden deberse a los trucos de este post, uso solo código CSS que afecta la apariencia y disposición de los elementos, no modifica ningún archivo de Moodle,.
    Sugiero que contactes con tu hosting o soporte para estos errores.
    Es importante mencionar que siempre recomiendo hacer estos cambios en servidores de prueba, nunca en servidores en producción (funcionando para el publico).
    Saludos.

• Buenos días quisiera saber como centrar todo el texto del login de Moodle es decir que todo el texto este en una columna y no en dos, estoy utilizando el tema boost.
  Gracias anticipadas.

  • Hola Ingrid.

    Este código css puede ayudarte:

    @media screen and (min-width: 768px) {
.push-md-1 {
left: 0;
}
.push-md-3 {
left: 0;
text-align: center;
}
.col-md-4 {
float: left;
width: 100%;
}
}

    Saludos.

    • Hola,

      Yo quería hacer lo mismo que Ingrid. He probado con el código que le proporcionas, pero no me cambia nada.

      ¿Alguna otra idea?

      • Hola nuevamente Nerea,

        Prueba con este código:

        @media (min-width: 768px) {
.col-md-5 {
flex: 0 0 100%;
max-width: 100%;
}
}

        Saludos.

        • Excelente, todos los tips me estan funcionando de maravilla

        • Me alegra que te haya servido Omar.
          Saludos.

        • Vale, ahora ha funcionado ¡Gracias crack!

• Muy buen material.
  Estoy con problemas en el primer punto
  1. Añadiendo una imagen de fondo al login de Moodle
  No consigo añadir la imagen

  • Hola João.
    Necesitaría mas información para poder ayudarte.
    Espero por ella.
    Saludos.