So fügen Sie einen durchgestrichenen Text in das Element der Artikelliste ein

Dieser Artikel zeigt Ihnen, wie Sie in GemPages einen Durchstreichungseffekt auf bestimmten Text innerhalb des Elements „Item List“ anwenden.

Schritt 1: Markieren Sie den Text, den Sie durchstreichen möchten.

• Öffnen Sie den GemPages-Editor.
• Klicken Sie auf Artikelliste Element.
• Markieren Sie den Text, auf den Sie den Durchstreicheffekt anwenden möchten.
• In der Symbolleiste des Inline-Editors, cWähle zuerst eine zufällige Textfarbe.

• Ändern Sie es dann sofort wieder in die ursprüngliche Farbe.

Dieser Schritt ist wichtig, weil er Folgendes erzeugt: Spannweite Element um den ausgewählten Text herum.

Ohne diesen Schritt weiß das CSS nicht, welcher Text angesprochen werden soll.

Schritt 2: Öffnen Sie den Bereich für benutzerdefinierten Code.

• Klicken Sie mit der rechten Maustaste auf das Element „Artikelliste“.
• Auswählen Benutzerdefinierter Code.

Dadurch wird der benutzerdefinierte Code-Editor für das Element geöffnet.

Schritt 3: CSS-Code einfügen

Fügen Sie den folgenden Code in den Bereich „Benutzerdefinierter Code“ ein:

.ElementClass span{

Textdekoration: durchgestrichen;

}

Ersetzen Sie dann:

.ElementClass

mit Ihrer tatsächlichen Elementklasse.

Ergebnis:

Detailliertere Anleitung: https://www.loom.com/share/87313ff3e76a47858e7ebdffee4006d6?sid=e4c891d8-e385-431b-869d-a515a43b1734