Support » Allgemeine Fragen » Text Einrücken bei Aufzählung: Editor VS Website

Text Einrücken bei Aufzählung: Editor VS Website

  • realnoidea

    (@realnoidea)


    vor 4 Jahren

    Hallo miteinander,

    ich hoffe man kann mir hier helfen:

    Ich habe einen Blog-Eintrag geschrieben in welchen ich mehrere Aufzählungen nutzen musste. Dafür habe ich das <ol> Element verwendet. Das was ich seltsam finde, ich bekomme es nicht hin, das der Textblock, der nach der Aufzählung kommt eingerückt ist. Im Editor wird es wunderbar angezeigt (Siehe Screenshot-link). In der Darstellung jedoch wird der Text als nicht eingerückt dargestellt.

    Nach mehreren hin und herprobieren habe ich das Plugin „WP Add Custom CSS“ installiert und einen css Code für den gesamten Post hinterlegt, der eigentlich den Text einrücken sollte -aber auch das wird nicht angeommen (siehe Screenshot-link)

    https://www.dropbox.com/s/o7t4xhqnwu4v9gd/worpress%20problem.jpg?dl=0

    Würde mich freuen wenn mir jemand helfen könnte, diese unschöne Darstellung zu beheben.

    Danke!:)

    • Dieses Thema wurde geändert vor 4 Jahren von realnoidea.

    Die Seite, für die ich Hilfe brauche: [Anmelden, um den Link zu sehen]

Ansicht von 8 Antworten - 1 bis 8 (von insgesamt 8)
  • Moderator Hans-Gerd Gerhards

    (@hage)

    vor 4 Jahren

    Hallo,
    wenn du mit dem Block-Editor arbeitest, kannst du das durchaus hinbekommen, siehe hier am Beispiel des Themes twenty twenty:
    Instagram-TESTSEITE-Word-Press-Websei
    Wichtig ist, dass du den Block „Liste“ nutzt.
    In dem Fall benötigst du in der Regel auch keine zusätzliche CSS-Regel.
    Viele Grüße
    Hans-Gerd

    Moderator Bego Mario Garde

    (@pixolin)

    vor 4 Jahren

    Die Einzüge einer Liste werden durch das Theme vorgegeben. In deinem Fall hat der Theme-Entwickler sich dafür entschieden, Listen-Elemente bündig mit dem übrigen Text zu setzen. Im Style-Sheet steht:

    ol, .comment-content ol, .entry-content ol, .et-l--body ol, .et-l--footer ol, .et-l--header ol, body.et-pb-preview #main-content .container ol {
    list-style-type: decimal;
    list-style-position: inside;
    line-height: 26px;
}

    Möchtest du das nicht, kannst du im Customizer eine eigene CSS-Regel einfügen:

    ol, .comment-content ol, .entry-content ol, .et-l--body ol, .et-l--footer ol, .et-l--header ol, body.et-pb-preview #main-content .container ol {
    list-style-position: outside;
}
    Moderator Hans-Gerd Gerhards

    (@hage)

    vor 4 Jahren

    @pixolin
    stimmt – hatte ich übersehen 🙂

    Moderator Bego Mario Garde

    (@pixolin)

    vor 4 Jahren

    @hage ganz sicher nicht dein Fehler: @realnoidea hatte das Tag <ol> in seinem Text eingefügt, ohne es als Code zu formatieren. Dadurch wurde dann sein Text sehr hübsch eingerückt, aber keiner wusste was mit „Dafür habe ich das Element verwendet.“ gemeint war. Aber jetzt wird alles gut, ganz bestimmt.

    Thread-Starter realnoidea

    (@realnoidea)

    vor 4 Jahren

    Danke Euch für Eure Hilfe,

    leider hat auch dieser CSS Code nicht funktioniert 🙁
    Ich habe das einmal im theme customizer bei additional css probiert, als auch über das wordpress plugin im Post selber.
    Was stimmt da nicht?

    (Natürlich hatte ich es vorher mit dem Editor direkt probiert und wie auch geschrieben / im Screenshot dokumentiert: in der Editor Ansicht funktioniert es ohne weiteres, nicht aber in der Web-ansicht. Also hatte ich es über den im originalen Post erwähnten css-code probiert gehabt -leider auch erfolglos weshalb ich hier ins Forum gekommen bin… )
    Als Theme nutze ich btw Divi.

    • Diese Antwort wurde geändert vor 4 Jahren von realnoidea.
    Moderator Bego Mario Garde

    (@pixolin)

    vor 4 Jahren

    Im Customizer gibt es ein Menü Zusätzliches CSS, wo du das einfügen kannst. Du brauchst dafür kein Plugin.

    leider hat auch dieser CSS Code nicht funktioniert

    Welchen Code hast du denn jetzt eingefügt?
    Ich hatte geschrieben, dass die Gestaltung so wie sie ist eine bewusste Entscheidung des Theme-Entwicklers ist, die du über eine eigene CSS-Regel überschreiben musst. Was ist denn jetzt deine eigene Regel? Das CSS des Themes zu wiederholen bringt selbstverständlich keine Änderung.

    WordPress, Themes und Plugins auf der WordPress-Website werden dir kostenlos zur Verfügung gestellt und du kannst sie nach Belieben ändern, wenn du dazu die nötigen CSS-Kenntnisse hast. Bei Anwendungsproblemen helfen wir dir gerne, wir schreiben aber nicht dein gekauftes Theme um, erstellen auch nicht auf Zuruf CSS-Regeln.

    Moderator Hans-Gerd Gerhards

    (@hage)

    vor 4 Jahren

    Hallo,

    Als Theme nutze ich btw Divi.

    Wir können dir bei gekauften Themes oder Plugins so gut wie gar nicht helfen, weil sie uns nicht zur Verfügung stehen. Wir müssten sonst bei jeder Frage erst einmal das passende Theme oder Plugin kaufen, uns dort einarbeiten und dann kostenlos den Support anbieten, für den du beim Kauf eigentlich bezahlt hast. Du solltest dich in dem Fall an den Entwickler wenden. Lies bitte auch mal in der FAQ (B 5.) zu diesem Thema.
    Viele Grüße
    Hans-Gerd

    Moderator Angelika Reisiger

    (@la-geek)

    vor 4 Jahren

    Wenn ich das richtig gesehen habe, nutzt du kein Child-Theme (Child-Theme ist immer eine gute Wahl!), vermutlich hast du den Code in den Customizer -> Zusätzliches CSS eingetragen.

    Der Code an sich war schon richtig, wird aber durch eine höhere CSS-Ebene überschrieben (s. Screenshot unten). Also versuch es mal mit einem !important dahinter:

    ol, 
.comment-content ol, 
.entry-content ol, 
.et-l--body ol, 
.et-l--footer ol, 
.et-l--header ol, 
body.et-pb-preview #main-content .container ol {
    list-style-position: outside !important;
}

    Wenn du die Einrückung nur im Inhaltsbereich haben möchtest, dann dieser Code

    #left-area .entry-content ol {
    list-style-position: outside;
}

    Screenshot:

Ansicht von 8 Antworten - 1 bis 8 (von insgesamt 8)
  • Das Thema „Text Einrücken bei Aufzählung: Editor VS Website“ ist für neue Antworten geschlossen.

Themen-Schlagwörter

Ansichten