CSS Injector permet, comme son nom l'indique d'ajouter du code CSS à son site drupal sans avoir à passer par la gestion des thèmes.

Il permet d'ajouter des feuilles de style via une page d'administration en créant des règles pour utiliser ces feuilles de styles.

L'utilité de ce module est intéressante en cas de mise à jour de votre thème car vos styles ne seront pas impactés par cette mise à jour.

Où encore pour réaliser des modifications sur des types de contenu par exemple.

Il est possible également d'appliquer le style en fonction du média concerné, c'est à dire pour l'affichage sur écran ou lors de l'impression.

Il vous est possible également pour chaque règle d'utiliser l'option "Preprocess CSS" qui va intégrer vos styles au thème actuel limitant le nombre de requête HTTP en évitant d'en rajouter une.

Pour mettre en place une règle, il faut aller dans :

Administration -> Configuration du site -> CSS Injector

Là il vous suffit d'ajouter une règle.

Voici un exemple :

Je souhaite que toutes mes images qui sont un type de contenu filefield soit positionnée à droite en mode float avec une bordure solid de 1 pixel.

Je créé une règle que j'appelle filefield et je saisie ces instructions CSS :

.field-type-filefield {

float : right;

border: 1px solid;

}

Mon image sera donc affichée à droite avec une bordure solide de 1 pixel.