Problema con la visualización de cursos - Moove

Problema con la visualización de cursos - Moove

de María Joo -
Número de respuestas: 8

Buenas tardes con todos,

Al añadir los cursos en el aula virtual se organizan en filas de 3 y 1 como se aprecia en la imagen. Entiendo que se deberían mostrar en filas de 4, pero no logro encontrar cómo hacerlo. ¿Existe alguna forma de solucionarlo ya sea dejando filas de 3 o de 4? Agradezco alguna respuesta de antemano.

La versión de Moodle que utilizamos es 3.9 y el tema principal es Moove.

Adjunto Poblema.JPG
Promedio de valoraciones: -
En respuesta a María Joo

Re: Problema con la visualización de cursos - Moove

de Alejandro Vásquez -
Imagen de Testers

Hola, María Joo

Me pregunto si no tendrá que ver con el ancho de tu pantalla, ¿has probado a verlo en otros monitores más grandes / más pequeños?

En respuesta a Alejandro Vásquez

Re: Problema con la visualización de cursos - Moove

de María Joo -
Hola, Alejandro
Agradezco tu pronta respuesta. Acabo de probar visualizándolo en pc, tablet, laptop y móvil. Solo en el móvil se ve bien, en el resto de dispositivos se ve igual a la imagen. En caso fuera ese el problema, ¿existe alguna solución?
En respuesta a María Joo

Re: Problema con la visualización de cursos - Moove

de Alejandro Vásquez -
Imagen de Testers

¿Está publicado ese sitio Moodle?, ¿puedes compartir el URL?

Yo sigo teniendo la impresión de que no es un problema: veo el título "Cursos disponibles" centrado. Fíjate que los cursos 2 y 3 no quedan centrados en relación a ese título, sino algo desplazados hacia la derecha, lo que quiere decir que no hay suficiente espacio para que quepa el cuarto curso en esa primera fila. Me parece que es cuestión de espacio disponible en la pantalla.

En respuesta a Alejandro Vásquez

Re: Problema con la visualización de cursos - Moove

de María Joo -
Disculpa por tardar en responder. El URL es el siguiente: https://aprendizajeciata.org/aulavirtual/
En respuesta a María Joo

Re: Problema con la visualización de cursos - Moove

de Alejandro Vásquez -
Imagen de Testers

María:

Puedes resolverlo agregando a los estilos css del tema Moove, la siguiente regla:

.card-deck .card {
    flex-basis: calc(23% - .5rem);
:}

Actualmente es flex-basis: calc(25% - .5rem), pero aunque debería cada curso ocupar el 25% de la sección en la que se encuentra, no lo hace. con 24% todavía no funciona, pero ya con 25% se ve así:

Cursos disponibles en filas de a cuatro

En respuesta a Alejandro Vásquez

Re: Problema con la visualización de cursos - Moove

de María Joo -
¡Funcionó perfecto! Muchísimas gracias, Alejandro. Un fuerte abrazo.

Dejo imagen por si alguien más tiene el mismo problema
Ingresar a "configuración avanzada" del tema Moove e insertar el siguiente código:
.card-deck .card {
    flex-basis: calc(23% - .5rem); 
}
Adjunto Moove.JPG