Textstile ändern

Das Anpassen von Textstilen ist eine der einfachsten Möglichkeiten, Ihren Shopify-Shop hervorzuheben. In diesem Artikel führen wir Sie Schritt für Schritt durch die Änderung von Textstilen in GemPages.

Wie kann ich Textstile in GemPages ändern?

Schritt 1: Text- oder Überschriftenelement auswählen

Klicken Sie im GemPages-Editor direkt auf das Textelement, das könnte jeder sein Textblock, Üerschriftden Absatz Auf deiner Seite.

Dadurch wird die Einstellungsfeld auf der linken Seite des Bildschirms.

Schritt 2: Zugriff auf Textstiloptionen

Im Einstellungsbereich werden verschiedene Anpassungsoptionen angezeigt. Suchen Sie nach Textstil Abschnitt, um den Textstil zu ändern und ihn nach Ihren Wünschen anzupassen.

Folgendes können Sie anpassen:

1. Stile

Wählen Sie aus vordefinierten Stilen, um Ihrem Text schnell ein elegantes Aussehen zu verleihen.

2. Schriftart

Wählen Sie eine Schriftart, die zu Ihrer Markenidentität passt. GemPages lässt sich in Google Fonts integrieren, sodass Sie aus zahlreichen Optionen wählen können.

Du kannst auch Laden Sie Ihre Schriftart hoch. Weitere Einzelheiten finden Sie unter Dieser Artikel.

3. Größe

Passen Sie die Textgröße ganz einfach an Ihr Design an. Passen Sie sie mit dem Schieberegler an oder geben Sie einen bestimmten Wert ein.

Wenn Sie die Textgröße bereits mithilfe der Live-Texteditor, Sie können die Größe anschließend nicht direkt in den Einstellungen der linken Seitenleiste anpassen.

Löschen Sie in diesem Fall bitte das Textformat und ändern Sie dann die Textgröße über das Einstellungsfeld.

4. Farbe

Legen Sie Ihre Textfarbe fest. Sie können aus der Palette wählen oder einen benutzerdefinierten Hex-Code eingeben, der zu Ihrer Marke passt.

Wenn Sie die Farbe eines bestimmten Textes ändern möchten (anstatt sie auf das gesamte Element anzuwenden), gehen Sie folgendermaßen vor:

• Markieren Sie den Text du willst dich ändern
• Von dem Live-Texteditor Klicken Sie in der Symbolleiste, die über dem Text angezeigt wird, auf das Textfarbe .
• Wählen Sie eine Farbe aus der Palette oder geben Sie einen HEX-Code ein.

Auf diese Weise wird nur der hervorgehobene Text aktualisiert, während der Rest des Elements seine ursprüngliche Farbe behält.

5. Schriftstärke

Steuern Sie die Fettigkeit Ihres Textes mit Optionen wie „Dünn“, „Normal“, „Fett“, „Extrafett“ usw.

6. Zeilenhöhe

Passen Sie den vertikalen Abstand zwischen den Textzeilen für eine bessere Lesbarkeit an.

7. Buchstabenabstand

Passen Sie den Abstand zwischen den Zeichen an, um einen klaren oder dramatischen Effekt zu erzielen.

8. Transformieren

Ändern Sie die Groß-/Kleinschreibung des Textes, sodass jedes Wort groß, klein oder groß geschrieben wird.

9. Schatten

Verleihen Sie Ihrem Text mit anpassbaren Schatten Tiefe und Nachdruck.

10. Ausrichten

Richten Sie Ihren Text links, mittig oder rechts aus, damit er zum Layout Ihrer Seite passt.

11. Breite

Unter dem Größe Abschnitt, legen Sie die maximale Breite für Ihren Textblock, um seine horizontale Ausbreitung zu steuern.

12. Polsterung

Fügen Sie für ein ausgewogenes Design Platz um Ihren Text innerhalb seines Containers hinzu.

13. Hintergrund

Unter dem Hintergrund Abschnitt, wenden Sie einen Vollton/Farbverlauf farbiger Hintergrund or Bildhintergrund um Ihren Text hervorzuheben.

Beispielsweise:

• Farbiger Hintergrund:

• Bildhintergrund:

Wie man in GemPages einen Textverlauf erstellt

GemPages bietet derzeit keine integrierte Option für Textverläufe. Sie können jedoch ganz einfach einen Textverlaufseffekt mithilfe von benutzerdefiniertem CSS erstellen.

Schritt 1: Generieren des Farbverlaufs-CSS

Gehe zu CSS-Portal – Textverlaufsgenerator: https://www.cssportal.com/css-text-gradient-generator/

Konfigurieren Sie die gewünschten Farbverläufe, die Richtung und den Stil. Dann Kopieren Sie den generierten CSS-Code.

Schritt 2: Wählen Sie das Textelement aus

Klicken Sie im GemPages-Editor mit der rechten Maustaste auf das Text- oder Überschriftenelement, auf das Sie den Farbverlauf anwenden möchten. Benutzerdefinierter Code

Schritt 3: Fügen Sie den CSS-Code hinzu

Fügen Sie dort den kopierten Farbverlaufscode ein.

Schritt 4: Speichern und Vorschau anzeigen

Speichern Sie Ihre Änderungen und sehen Sie sich die Seite in der Vorschau an, um den angewendeten Farbverlauf zu sehen.