lunes, 10 de noviembre de 2014

Formateando language icons en horizontal

El bloque language icons en Drupal viene por defecto con un formato de lista vertical con se puede ver aquí:
 

Si queremos modificar este formato podemos jugar con las CSS del módulo locale. En concreto iriamos al fichero:
modules/locale/locale.css

En este fichero podemos encontrar diferentes clases CSS que podemos modificar para cambiar el aspecto del listado de idiomas. En nuestro caso lo que queremos es que aparezcan en horizontal, para ello insertamos este código en el fichero:

#block-locale-language ul li
{
display: inline;
list-style: none;
}

Lo que convierte el listado de idiomas en algo tal que así:



Como se puede ver hemos quitado las viñetas y formateado la lista horizontalmente.




Publicar un comentario