So erstellen Sie ein Rechts-nach-Links-Layout für das Element „Artikelliste“.

Standardmäßig ist die Artikelliste Das Layout zeigt das Symbol links und den Text rechts an. Mit einer einfachen CSS-Anpassung lässt sich das Layout umkehren, sodass das Symbol rechts erscheint und der Text rechtsbündig ausgerichtet ist.

Dies ist besonders nützlich für:

• RTL-Sprachdesigns
• Alternative Listenlayouts
• Modernes UI-Styling
• Erstellung visuell einzigartiger Feature-Listen

Schritt 1: Öffnen Sie die Artikellisteneinstellungen

Im GemPages-Editor:

• Schwebe über die Artikelliste Element, das Sie anpassen möchten
• Klicken Sie mit der rechten Maustaste auf das Element.
• Auswählen Benutzerdefinierter Code

Dies ermöglicht es Ihnen, benutzerdefiniertes CSS speziell auf dieses Element der Artikelliste anzuwenden.

Schritt 2: RTL-Layoutcode hinzufügen

Fügen Sie den folgenden Code in den Abschnitt für benutzerdefinierten Code ein:

.ElementClass .gp-icon-list-wrapper {

  Flex-Richtung: Zeilenumbruch;

}

.ElementClass .gp-icon-list-wrapper [data-gp-text] {

 text-align: right;

}

Schritt 3: Ersetzen Sie die Elementklasse

Ersetzen .ElementClass mit der tatsächlichen Klassen-ID Ihres Elements in der Artikelliste.

Tipps:

• Verwenden Sie dieses Layout für arabische, hebräische oder RTL-inspirierte Designs.
• Kombinieren Sie es mit benutzerdefinierten Abständen oder Symbolgestaltungen, um eine bessere visuelle Balance zu erzielen.
• Nach dem Anwenden des Codes können Sie das Layout sowohl auf Desktop- als auch auf Mobilgeräten in der Vorschau anzeigen.

Schritt 4: Speichern und veröffentlichen

Einmal fertig:

• Speichern Sie Ihre Änderungen
• Veröffentlichen oder aktualisieren Sie Ihre Seite