Come aumentare Joomla Interlinea contenuti in CSS

April 28

Il Joomla! content management system rende tutto il contenuto di pagine web utilizzando i modelli per dare ad ogni pagina del sito web un aspetto coerente. Una volta che il modello è installato e sono impostati tutti i parametri, possono essere facilmente aggiunti articoli e altri pezzi di contenuti, utilizzando un editor semplice, senza codifica supplementare. La spaziatura tra le righe di testo su Joomla! le pagine web è controllato dal codice CSS nel modello utilizzato per visualizzare la pagina.

istruzione

1 Clicca su "Template Manager" in Joomla! amministratore di back-end. I carichi Template Manager e visualizza un elenco di modelli installati. Il modello con la stella gialla è il modello predefinito di Joomla! utilizza per visualizzare le pagine web. Clicca sul nome del modello predefinito per caricare il modello per la modifica.

2 Clicca su "Modifica CSS" nel menu il modello del gestore in alto a destra dello schermo. Un elenco di file CSS relativo al modello viene visualizzato in un elenco. Il file più comune per cercare è "template.css", ma alcuni sviluppatori dare nomi diversi ai loro file di modello. Fare clic sul pulsante di selezione "template.css", quindi fare clic su "Modifica" per caricare il file per la modifica.

3 Cercare una riga di codice che appare simile a questo:

line-height: 1.5;

line-height 150%;

line-height 15pt;

Un link alla proprietà line-height CSS è dato nella sezione Risorse per ulteriori dettagli riguardanti le varie unità utilizzate per questa riga di codice.

4 Modificare il parametro line-height alla linea-altezza desiderata ed essere sicuri di terminare la linea con un punto e virgola. Per esempio:

Line-height: 120%;

5 Fai clic su "Salva" nel menu in -Diritto superiore dello schermo. Clicca sul link "Anteprima" al di sopra del menu per visualizzare il sito web e verificare il nuovo altezza della linea è quello che vuoi che sia.

Consigli e avvertenze

  • Il "Firebug" add-on per il browser Firefox rende facile trovare il pezzo di codice per modificare. Visualizza la pagina Web, quindi attivare Firebug. Fare clic sulla scheda "CSS" e poi l'icona "Inspect Element". Quando si fa clic sul testo, Firebug mostra le linee di CSS che controllano l'output di testo con il "nome" e "numeri di riga" linee di codice.
  • Eseguire il backup del sito prima di effettuare modifiche al codice. Se qualcosa va storto o non funziona, è sempre possibile ripristinare il sito e annullare le modifiche.