Wie man Joomla Content erhöht Zeilenabstand in CSS

November 29

Das Joomla! Content-Management-System stellt alle den Inhalt auf Webseiten mithilfe von Vorlagen auf um jeder Seite der Website ein einheitliches Aussehen zu geben. Sobald die Vorlage installiert ist und alle Parameter Satz und Artikel sind werden Teile des Inhalts leicht hinzugefügt, mit einem einfachen Editor, ohne zusätzliche Codierung. Der Abstand zwischen Textzeilen auf Joomla! Web-Seiten erfolgt über den CSS-Code in der Vorlage verwendet, um die Seite anzuzeigen.

Anweisungen

1 Klicken Sie auf "Template Manager" in der Joomla! Backend-Administrator. Der Prozessvorlagen-Manager lädt und zeigt eine Liste der installierten Vorlagen. Die Vorlage mit dem gelben Stern ist das Standard-Template Joomla! mithilfe der Web-Seiten angezeigt. Klicken Sie auf den Namen des Standard-Vorlage, die Vorlage für die Bearbeitung zu laden.

2 Klicken Sie auf "Bearbeiten CSS" in der Prozessvorlagen-Manager-Menü auf der rechten oberen Bildschirmrand. Eine Liste der CSS-Dateien, die im Zusammenhang mit der Vorlage wird in einer Liste. Die am häufigsten verwendete Datei zu suchen ist "template.css", aber einige Entwickler geben unterschiedliche Namen für ihre Vorlagendateien. Klicken Sie auf die Schaltfläche "template.css" und dann auf "Bearbeiten", um die Datei zu laden.

3 Suchen Sie eine Codezeile, die ähnlich der folgenden angezeigt wird:

Zeilenhöhe: 1,5;

Zeilenhöhe 150 %;

Zeilenhöhe 15pt;

Ein Link zu den CSS Line-Height-Eigenschaft wird im Resources-Abschnitt für Details über die verschiedenen Einheiten verwendet für diese Codezeile gegeben.

4 Ändern des Zeilenhöhe Parameters in die gewünschte Zeilenhöhe und achten Sie darauf, die Zeile mit einem Semikolon enden. Zum Beispiel:

Line-Height: 120 %;

5 Klicken Sie auf "Speichern" im Menü oben-rechts auf dem Bildschirm. Klicken Sie auf den Link "Vorschau" oben im Menü auf die Website anzuzeigen und zu überprüfen, ob die neue Zeilenhöhe ist was es sein soll.

Tipps & Warnungen

  • Das Add-on "Firebug" für Firefox macht es leicht zu finden, das Stück Code zu ändern. Anzuzeigen Sie die Webseite, dann aktivieren Sie Firebug. Klicken Sie auf der Registerkarte "CSS" und dann auf das Symbol "Element untersuchen". Wenn Sie auf den Text klicken, zeigt Firebug die Linien definiert, die die Kontrolle die Textausgabe mit "Filename" und die "Zeilennummern" Codezeilen.
  • Sichern Sie Ihre Website, bevor Sie Änderungen am Code vornehmen. Wenn etwas schief geht oder nicht funktioniert, können Sie immer wiederherstellen die Website und die Änderungen rückgängig machen.

SIE KÖNNEN AUCH GERNE