Horizontale Linie in Posts möglich?

  • Hallo,

    ich versuche verzweifelt horizontale Linien in normale Posts einzubauen. Das gelingt mir aber überhaupt nicht. Dass der Editor viele Tags und eben auch das <hr>-Tag löscht ist mir klar. <hr /> bleibt auch nicht erhalten. Verschiedene Editor-Erweiterungs-Plugins haben auch nicht weitergeholfen, die wollen am Ende alle auch <hr>-tags einbauen. Den WYSIWYG-Editor habe ich bereits ausgeschaltet und in der style.css des templates beispielsweise ".post hr{color: gray; height: 1px;}" eingefügt um es über css zu lösen. leider alles umsonst.
    Gibt es da eine Lösung?

    Danke, qafco

    • 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

  • Ok, in der Tat löscht der Editor keine <hr>-Tags mehr seit ich den WYSIWYG-Editor ausgeschaltet habe, aber <hr> und Varianten wie z.B.

    <hr class="thingrayline">
    <hr />
    <hr>

    natürlich mit entsprechenden css-Einträgen werden einfach ignoriert.

    Ich habe jetzt aber gesehen, dass es im Standard-Template geht. Das werde ich dann morgen selbst klären.

    Trotzden danke hlgsms!

  • Ich brauche doch eure Hilfe. In der style.css meines Themes habe ich den Eintrag

    .skip, hr{
    position: absolute;
    left: -9999px;
    }

    gefunden. Wenn ich ihn entferne, werden Linien durch <hr> in Posts angezeigt, das Design ist aber durch Linien im Header total zerschossen. Ich kenne mich mit css nicht so gut aus. Kann ich für die Posts trotz dieses Eintrages einen style für Linien einsetzten, oder gilt dieser für mich merkwürdige Eintrag zwingend für das ganze Theme?

    qafco

  • Ergänze doch mal nach dem zitierten Schnipsel folgendes im Stylesheet:

    Code
    .post hr {
      position: static;
    }

    Damit wird die Anzeige von hr speziell für die Beiträge aktiviert. Es muss deshalb auch nach der ersten Anweisung stehen. Das klappt natürlich nur, falls die Klasse "post" in Deinem Theme auch verwendet wird. Falls es nicht geht, zeig uns mal einen Link zur Seite, dann kann man das genauer sagen.

Jetzt mitmachen!

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