Hvordan øke Joomla Content Linjeavstand i CSS

March 19

Joomla! content management system gjør alt innholdet på nettsider ved hjelp av maler for å gi hver side på nettstedet et konsekvent utseende. Når malen er installert og eventuelle parametere er satt, er artikler og andre deler av innhold lett lagt til, ved hjelp av en enkel editor, uten ekstra koding. Avstanden mellom linjer med tekst på Joomla! websider blir styrt av CSS-koden i den mal som brukes for å vise siden.

Bruksanvisning

1 Klikk på "Template Manager" i Joomla! back-end administrator. Malen Manager laster og viser en liste over installerte maler. Malen med den gule stjernen er standard mal Joomla! bruker for å vise nettsider. Klikk på navnet på standardmalen for å laste malen for redigering.

2 Klikk på "Edit CSS" i malen lederens menyen øverst til høyre på skjermen. En liste over CSS-filer knyttet til malen vises i en liste. Den vanligste fil for å se etter er "template.css", men noen utviklere gi forskjellige navn på sine malfiler. Klikk på "template.css" valgknappen, og klikk deretter på "Rediger" for å laste ned filen for redigering.

3 Se etter en linje med kode som ligner på dette:

line-height: 1,5;

line-height 150%;

line-height 15pt;

En kobling til CSS line-height eiendommen er gitt i Resources for mer informasjon om de ulike enhetene som brukes for denne linjen med kode.

4 Endre line-height parameter til ønsket line-høyde og sørg for å avslutte linjen med et semikolon. For eksempel:

Line-height: 120%;

5 Klikk "Lagre" i menyen øverst -rett av skjermen. Klikk på "Preview" linken over menyen for å se på nettstedet og bekrefte den nye linjen er hva du vil den skal være.

Hint

Den "Firebug" add-on for nettleseren Firefox gjør det enkelt å finne kodebit å endre. Se nettsiden, så aktivere Firebug. Klikk på "CSS" -fanen og deretter "Inspiser Element" -ikonet. Når du klikker på teksten, viser Firebug linjene i CSS som kontrollerer tekst utgang med "filnavn" og "linjenumrene" linjer i koden.
Tilbake opp nettstedet ditt før du gjør endringer i koden. Hvis noe går galt eller ikke fungerer, kan du alltid gjenopprette nettstedet og angre endringene.