Nummerierte Listen (Aufzählungen) werden nicht eingerückt

Liptonicer · Bildschirmfoto 2017-03-04 um 11.55.45.webp

Liebe Community,

ich hätte gerne, dass erstellte Listen (ich verwende den TinyMCE Advanced Editor) bei der Ausgabe auch nach einem automatischen Zeilenumbruch eingerückt werden. Im Editor ist das der Fall, aber nach der Ausgabe sind die Listen nicht mehr eingerückt Anbei ein Bild der Ausgabe...

Kann mit jemand helfen?

Vielen Dank und viele Grüße!
Sebastian

Werbepost

Hallo!

Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
✔️ Deutsche Server & DSGVO-konform
✔️ Persönlicher Support (kein 0815-Ticket-System)

Mehr erfahren

Edi

Kannst Du bitte noch einen Screenshot der entsprechenden Stelle im Editor "Text" machen.

Liptonicer · Bildschirmfoto 2017-03-04 um 16.37.08.webp

Natürlich, gerne Ziel wäre es, dass im CSS das so angelegt ist, dass es im Frontend immer mit Umbruch dargestellt wird. Viele Grüße

[attach='16683.vB'][/attach][attach='16684.vB'][/attach]

Edi

Der Code für Listen stimmt... Was verwendest Du für ein Theme? Gibt es bereits einen Link zur neuen Installation?

Liptonicer

Das habe ich mir auch gedacht... Ich verwende das "Listify-Theme" (https://astoundify.com) in der aktuellsten Version... In dem Fall muss ich wohl mal an Astoundify schreiben... Vielen Dank für die netten Rückmeldungen! :smile:

SirEctor

Dann bekommt deine UL vermutlich ein [COLOR=#ff0000]list-style-position: inside;[/COLOR]. Wenn ich das richtig sehe, ist das im original Theme nicht so.

[COLOR=#ff0000][/COLOR]Hast du es mal ohne den TinyMCE Advanced getestet?

Liptonicer

Hallo SirEctor, vielen Dank für deine Rückmeldung! Habe es auch mal ohne den [COLOR=#333333]TinyMCE Advanced getestet, funktioniert aber leider auch nicht. Kann ich die Option eigentlich "einfach" manuell über das CSS hinzufügen?[/COLOR]

Edi

Funktioniert denn die Formatierung mit einem Standardtheme?

Edi

Zitat von Liptonicer

[COLOR=#333333]Kann ich die Option eigentlich "einfach" manuell über das CSS hinzufügen?[/COLOR]

Ja, beispielsweise im Customizer unter "Zusätzliches CSS".

Vgl. dazu:

https://www.w3schools.com/cssref/pr_list-style-position.asp

Liptonicer

Ich habe gerade versucht eine neue CSS-Klasse zu erstellen mit folgendem Code:

.listing_description_listen { ul { list-style-position: inside; }}

Danach habe ich dem Widget-Bereich, welcher die Liste wie gewünscht ausgeben soll, diese CSS übergeben, funktioniert aber leider immer noch nicht...

Edi

Zitat von Liptonicer

Ich habe gerade versucht eine neue CSS-Klasse zu erstellen mit folgendem Code:
.listing_description_listen { ul { list-style-position: inside; }}
Danach habe ich dem Widget-Bereich, welcher die Liste wie gewünscht ausgeben soll, diese CSS übergeben, funktioniert aber leider immer noch nicht...

Wieso eine neue Klasse? Du musst nur die vorhandenen ansprechen.

Und wieso Widget-Bereich? Ich dachte, es handle sich um den Editor...

Es wäre bedeutend einfacher, wenn wir uns die Seite anschauen könnten... Läuft die noch lokal?

Liptonicer

Hallo Edi,

tut mir Leid, da habe ich mich wohl falsch ausgedrückt... In einem Widget-Bereich auf der Website werden die Aufzählungen nicht eingerückt dargestellt, im Front- und Backend-Editor allerdings schon.

Die Seite mit dem Beispiel ist hier zu erreichen: https://suche-dirigent.de/stellenangebot…rein-ummendorf/

Viele Grüße

Edi

Verwendest Du einen Page Builder? Im CSS des Themes würden die Definitionen für Listen nämlich stimmen.

Für das Widget ist jedoch definiert:

Code

.widget.listify_widget_panel_listing_content ol, .widget.listify_widget_panel_listing_content ul {
   list-style-position: inside;
}

Du kannst das auf "list-style-position: outside;" ändern und einen Wert eingeben, damit die Aufzählung eingerückt wird. Beispielsweise:

Code

.widget.listify_widget_panel_listing_content ol, .widget.listify_widget_panel_listing_content ul {
   list-style-position: outside;
   margin-left: 20px;
}

Liptonicer

Hallo Edi,

vielen lieben Dank für den Tipp! Hat wunderbar funktioniert und sieht richtig klasse aus!

Du hast mir sehr geholfen!

Einen schönen Sonntagabend und alles Gute!

Viele Grüße
Sebastian

Liptonicer

Da du so gut bist, vllt. kannst du mir bei meinen zwei weiteren Fragen auch noch helfen

http://forum.wpde.org/konfiguration/…er-ansicht.html

http://forum.wpde.org/onlineshop-mit…e-anpassen.html

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Nummerierte Listen (Aufzählungen) werden nicht eingerückt

Jetzt mitmachen!

Benutzer online in diesem Thema