CSS Injector

Ritratto di Vanni

Questo modulo ci viene in aiuto quando vogliamo modificare l'aspetto di alcune pagine del nostro sito oppure vogliamo aggiungere altre regole CSS senza toccare i fogli di stile del nostro tema Drupal. Il modulo si scarica da questa pagina.

Moduli simili: Add to Head e Code per Node e Views.

Come funziona il modulo CSS Injector

  • installare e abilitare il modulo
  • andare nella sua pagina di configurazione e cliccare create a new rule
  • pagina configurazione modulo CSS injector
  • dare un titolo a questa pagina di nuove regole CSS, inserire le regole che vogliamo applicare, selezionare il tema a cui vogliamo apportare queste modifiche
  • inserimento regole CSS da aggiungere al tema drupal
  • consiglio di dare degli ID e delle Classi alle regole che andremo ad inserire, altrimenti potrebbe capitare di andare a modificare altri elementi della pagina che non vogliamo toccare (es menu, blocchi ecc)
  • consiglio di utilizzare la proprieta' estesa delle regole (es font-style: e non solo font:) perchè da vari esperimenti mi sembrava non funzionassero correttamente quelle abbreviate
  • inserire il nome delle pagine a cui devono essere applicate le nuove regole
  • inserimento nuove regole css al tema drupal
  • cliccare su Salva
  • possiamo aggiungere, modificare o eliminare nuove regole sempre dalla pagina di configurazione del modulo
  • aggiungere o modificare nuove regole
  • creare ora una nuova pagina a cui andare ad applicare i nuovi stili
  • creazione nuova pagina a cui applicare nuove regole CSS
  • come vedete ho inserito ID e Classi nei vari tag

Risultato Finale

pagina con le nuove regole CSS applicate