Überall Listen-Punkt-Symbole nach CSS Veränderung

  • Hallo zusammen,

    Also Folgendes: Auf meiner Website habe ich eine Elementor-Seite mit einer Liste. Den Text der Liste konnte ich zwar mit dem Text Editor von Elementor auswählen und als Liste markieren, aber die Listen-Punkt-Symbole waren nur im Editor zu sehen und nicht auf der live Seite. Also habe ich folgende Zeile unter "Customize" --> "Additional CSS" ergänzt:

    Code
    li { list-style-type: disc; }


    Jetzt habe ich zwar schöne Punkte vor der Liste, aber die Punkte erscheinen auch auf allen möglichen anderen Seiten vor Textelementen (siehe Bild), weil das CSS ja für alle Seiten gilt.
    [Blockierte Grafik: https://ibb.co/mS7fFhT]

    Wie bekomme ich es hin, dass das CSS nur auf eine Seite angewendet wird?

    Theme: MyListings
    WP version: 5.8
    Plugins: Elementor

    Danke!

    • 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

  • In Elementor Pro gibt es bei den Einstellungen des Text Elements einen eigenen Punkt Custom CSS o.ä., der sich nur auf das Element bezieht, mehr dazu hier.

    Ohne die Pro Version kann man z.B. dem Text Element eine CSS Klasse geben, z.B. [FONT=Courier New]text-mit-tollen-disc-punkten[/FONT] und dann die Punkte im Customizer über [FONT=Courier New].text-mit-tollen-disc-punkten li[/FONT] ansprechen. Alternativ auch z.B. über die standardmässig vorhandene Klassen im [FONT=Courier New]body[/FONT] Tag, die u.a. den Seiten ID enthalten.

    Link zur Seite mit dieser Liste?

  • Danke sehr, ich kann keinen Link senden, da die Seite noch nicht für die Öffentlichkeit bestimmt ist und sich im Maintenance Mode befindet. Ich probiere deine Lösung mal aus.

    Einmal editiert, zuletzt von Olaf (7. August 2021 um 22:03)

  • Wie genau gibt man dem Element eine CSS Klasse ohne Elementor Pro?
    * Ok hab schon
    * Geil, es hat geklappt, danke!

    3 Mal editiert, zuletzt von Olaf (7. August 2021 um 22:03)

Jetzt mitmachen!

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