Cambiar tamaño iconos categoria en Essential

Cambiar tamaño iconos categoria en Essential

de Caballero Boro -
Número de respuestas: 4

Hola a todos,

Soy el coordinador TIC de mi centro y en el estamos utilizando Moodle2.6.6+ (Build: 20141121) y la plantilla Essential.

Mi problema es que los iconos de categoría de curso que aparecen en la página inicial son demasiado grandes, no encuentro la opción para hacerlos más pequeños. Por otro lado he descubierto que hay una opción para añadir CSS personalizado, pero no sé qué código debería introducir.

Agradecería cualquier ayuda

Boro Caballero

Promedio de valoraciones: -
En respuesta a Caballero Boro

Re: Cambiar tamaño iconos categoria en Essential

de Franco Pantoja -
Imagen de Moodlers de gran ayuda

Hola Boro,

es relativamente sencillo.

Con una herramienta pej. Firebug localizamos las características del estilo que perseguimos, en este caso nos da información de clases y comportamientos.

Nos vamos a la opción Apariencias Temas Essential General, y en el box CSS personalizados, incorporamos la etiqueta CSS con los nuevos valores, en este caso algo parecido 

.categoryicons .course_category_tree .fa {
font-size: 53px; /* font-size 140px; by default */
width: 100%;
}

Recuerda que Essential está basado en Bootstrap, de manera que aquí puedes encontrar más información de su funcionamiento básico

También hay una muy buena documentación realizada por otros Compañeros sobre la configuración de Essential, que quizás, podría seros muy útil 

A ver si así podemos ayudaros un poco

Saludos!!

En respuesta a Franco Pantoja

Re: Cambiar tamaño iconos categoria en Essential

de Caballero Boro -

Hola Paco,


Sobre todo darte las gracias. Tu solución ha funcionado perfectamente y a la primera. He introducido el CSS y ha cambiado inmediatamente el tamaño.


Muchisimas gracias.

Boro Caballero

En respuesta a Franco Pantoja

Re: Cambiar tamaño iconos categoria en Essential

de Procir Procir -

Hola Paco. Estaba buscando info sobre como aprovechar el estilo css de una web y aplicarlo a moodle y he visto este mensaje.

Es decir, si tengo una web corporativa con un determinado estilo, como puedo aprovechar ese estilo y colocarlo en moodle.

No sé si eso se puede hacer.

En respuesta a Procir Procir

Re: Cambiar tamaño iconos categoria en Essential

de Franco Pantoja -
Imagen de Moodlers de gran ayuda

Hola

Deberías de alguna manera renombrar cada elemento de estilo de tu web corporativa a cómo se identifica en Moodle,

las referencias a elementos básicos del tipo 

body, input, a:hover

 etc... podrán ser realizadas sin más, sin embargo los estilos propios de Moodle deberían ser asignados correctamente, pej. 

.block, .header .title, etc.

Después tendríamos que revisarlo porque seguramente pudieramos encontrar alguna incompatibilidad o preferencias no deseadas

Espero que pueda serte útil

Saludos!!