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

  • 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

    • Anzeige

    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

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

  • 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?

    Das Geheimnis des Könnens liegt im Wollen!
    [size=12]Bitte keine Hilfegesuche per PN (auch keine "privaten" Links). Das ist ein öffentliches Forum.[/SIZE]

  • 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]

  • 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...

  • 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?

  • 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;
    }
  • Hallo Edi,

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

    Du hast mir sehr geholfen! :D

    Einen schönen Sonntagabend und alles Gute!

    Viele Grüße
    Sebastian

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!