Das Element Feature – Grid with Offset Icons ermöglicht die vollständige Anpassung von Hintergrundfarben und Abständen, während Sie die Icon-Farben für ein stimmiges Gesamtbild flexibel auf Ihre Primär- oder Sekundärpalette abstimmen können.
So fügen Sie den Feature - Grid with Offset Icon
Navigieren Sie im Backend zu Content > Landing Pages und wählen Sie die Seite aus, die Sie bearbeiten möchten. Um das Element zu Ihrer Seite hinzuzufügen, klicken Sie zunächst auf „Seitenabschnitt hinzufügen“. Wählen Sie in der Übersicht die Kategorie „Abschnitte mit Features und Inhalten“ aus und fügen Sie das spezifische Element „Feature- Grid with Offset Icon“ hinzu, indem Sie auf die Schaltfläche „Diese Zeile hinzufügen“ klicken.
Inhalte Konfigurieren
Sobald die Zeile hinzugefügt wurde, können Sie den Inhalt anpassen. Beginnen Sie mit der Eingabe einer Überschrift, welche in der Mitte angezeigt wird, sowie eines Untertitels, der für zusätzlichen Kontext ganz oben erscheint. Unterhalb der Überschrift können Sie einen Beschreibungstext einfügen.
Um eine Funktionen zu präsentieren, klicken Sie auf „Icon text item hinzufügen“, um einzelne Inhaltsblöcke zu erstellen. Geben Sie für jedes Element einen Titel und Text ein. Sie können beliebig viele dieser Feature-Blöcke hinzufügen.
Design und Layout anpassen
Im nächsten Schritt können Sie das Design Ihres Feature-Bereichs verfeinern. Nutzen Sie den LP Row Margin, um den vertikalen Abstand anzupassen. Sie können die Hintergrundfarbe der Zeile über die Raw Background Color anpassen und bei der Farbe der Icons können Sie zwischen Ihrer primär- oder sekundär Farbe wählen.
Wählen Sie aus unserer integrierten Liste Icons oder laden Sie Ihr eigenes benutzerdefiniertes Icon hoch, um Ihren Inhalten eine einzigartige und persönliche Note zu verleihen.
Sobald Sie mit den Einstellungen zufrieden sind, klicken Sie oben auf der Seite auf „Speichern“, um Ihre Konfiguration zu sichern.
Endergebnis
Um Ihre Arbeit zu überprüfen, wechseln Sie einfach oben auf den Reiter „Ansicht (Frontend)“. Hier sehen Sie die Live-Ansicht Ihres Elements genau so, wie es Ihren Nutzern auf der Website angezeigt wird.