domingo, 3 de mayo de 2015

¿Como remover el fondo de las opciones de un cuestionario en Moodle?

Tengo un sitio Moodle que utilizo para apoyar las clases que imparto en la universidad, y mientras me encontraba probando unas preguntas que recién había creado para un quiz/cuestionario, no pude dejar de notar un horrible fondo blanco que aparecía en cada unas de las opciones de respuesta.


Cuando traté de determinar de cual hoja de estilo en cascada (css) se estaba aplicando la propiedad background-color: #FFF, sobre una etiqueta span, llegué a la conclusión que de ninguna. La etiqueta, su contenido y sus propiedades de estilo son generadas en tiempo de ejecución.
Estuve buscando en la red para ver si alguien había dado con la solución y me encontré con esto: How to remove background colour in quiz, donde hablan exactamente de mi problema y a la vez plantean un solución a medias que consiste en cambiar el fondo del área de pregunta a color blanco, de manera que el fondo blanco de las opciones de respuesta ya no se ve, pero sigue ahí.


No conforme con esa solución, le hice un poquito de mente y me llegó la solución: sobrescribir la malvada propiedad background-color: #FFF, a partir del elemento "answer", que es un "div" que contiene todas las posibles respuestas. Para hacerlo, conectado como admnistrador en Moodle, fui a la sección de personalización de la plantilla y en el apartado de "CUSMTOM CSS" agregué el siguiente texto de estilo (la magia la hace la declaración !important):
.answer span{ background-color: transparent!important; }
.rightanswer span{ background-color: transparent!important; }

Desde la sección "CUSTOM CSS" tambien se puede cambiar el fondo de toda el área de la pregunta.
.que .formulation { background: none repeat scroll 0 0 #E7FCC7; }

En la siguiente imagen muestro el resultado final:


En la siguiente imagen muestro el resultado final, tras haber respondido erróneamente la pregunta:

Mizaq's Blog

Entradas populares