Hallo Zusammen, ich möchte einen anderen "Punkt" haben bei Auflistungen im Text. Wo kann ich das hineinladen? Regulär heißt sowas BULLET POINT. Aber da finde ich nix im File Manager. Quasi sowas wie hier. Danke für den einen bestimmten Vorschlag. Grüße Alexandra
CSS: Code: ul.check-list { list-style: none; } ul.check-list li { text-indent: -1em; } ul.check-list li::before { content: "\f058"; font-family: FontAwesome; padding-right: 5px; font-size: 1.1em; } HTML: Code: <ul class="check-list"> <li>Nummer 1</li> <li>Nummer 2</li> <li>Nummer 3</li> </ul> Ergebnis:
Guten morgen, vielen Dank. Habe ich gleich ausprobiert, allerdings kommen keine Kreise, sondern Kästchen. Ich habe das CSS hochgeladen danach die HTML eingefügt. dann kam das.. Hab ich was falsch gemacht?
Danke, klappt leider nicht. Wird kein Kreis mit Haken draus. Hab aber noch eine andere Lösung versucht, da wird es nur ein gefüllter Punkt Sicher passt das irgendwo nicht zusammen. Schade.
versuche es hiermit: ändere diese Zeile: Code: font-familiy: "Font Awesome 5 Free"; damit ist der Kreis leer. und wenn du diese Zeile darunter schreibst ist der Kreis ausgefüllt: Code: font-weight: 900;
hallo und vielen Dank. Rund ist es immer noch nicht. Es ist jetzt Eckig mit X drin Ich hab keinen Schimmer was da falsch läuft. ul.check-list { list-style: none; } ul.check-list li { text-indent: -1em; } ul.check-list li::before { content: "\f058"; font-family: FontAwesome 5 free; font-weight: 900; padding-right: 5px; font-size: 1.1em; }
das habe ich auch probiert. geht auch nicht. li.circle-checkmark::before { content: ""; position: absolute; left: 0; top: 2px; border: solid 8px #f9dd94; border-radius: 8px; } aber dann sind es nur wieder "gewöhnliche Punkte" Auch keine Kreise.
Guten morgen, habe ein Ticket geöffnet, jetzt wurde es korrigiert. Da war einiges mehr zu machen ... Sie sagten: der Code wäre ungenau ?! Das wäre die Lösung: ul.check-list, .gx-content-zone-col ul li { list-style: none; } ul.check-list li { text-indent: -1em; } .gx-content-zone-col ul li::before, #footer .inside .row .footer-col-1 .panel .panel-body li a:before, #footer .inside .teaser-group-three-squares .footer-col-1 .panel .panel-body li a:before, #footer .inside .teaser-group-2-cols-big-image .footer-col-1 .panel .panel-body li a:before { list-style: none; content: "\f058"; font-family: Font Awesome 5 Free; font-weight: 900; padding-right: 5px; font-size: 1.1em; } Da es dann auch im Footer war, bekam ich eine reduzierte Version, die man mir dann installiert hat: .page-index .gx-content-zone-col ul li::before { text-rendering: optimizeLegibility; list-style: none; content: "\f058"; font-family: "Font Awesome 5 Free"; padding-right: 5px; font-size: 14px; } "die Farbe des Symbol hat immer die Farbe des Textes dahinter. Wenn das anders sein soll, muss color: #fff; (z.B. für weiß) im CSS hinterlegt werden. " Jetzt muss ich das noch schauen WO und dann habe ich es Vielen Dank. Alexandra
Das ist jetzt das Endprodukt und funktioniert. .page-index .gx-content-zone-col ul li::before { text-rendering: optimizeLegibility; list-style: none; content: "\f058"; font-family: "Font Awesome 5 Free"; font-weight: 900; padding-right: 5px; font-size: 14px; color: #f9dd94; }