Support » Allgemeine Fragen » CSS aufzählung nach rechts einrücken

  • Gelöst lob01

    (@lob01)


    Hallo,

    die Aufzählunng mit Punkten sieht bei mir immer blöd aus, da sie nach links eingerückt wird. Keine Ahnung warum aber richtig ist doch das sie ein wenig nach Rechts eingerückt sein sollte. Gibt es da ein CSS führ.

    Danke, Stefan

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

Ansicht von 4 Antworten - 1 bis 4 (von insgesamt 4)
  • Hallo,
    teste mal bitte unter Design > Customizer > Zusätzliches CSS:

    ul {
        margin-left: 2rem;
    }

    Problem ist allerdings, dass diese Regel grundsätzlich für Listen gilt, weil hier keine spezielle Klasse vereinbart wird.

    Wenn du allerdings im Block-Editor bei der Liste eine eigene Klasse definierst, dann kannst du den Rand nur für diese Liste einrichten, siehe hier (mit Klick auf das Bild kann die Grafik vergrößert werden):
    Screenshot Einstellungen

    ul.meine_liste {
        margin-left: 2rem;
    }

    Den Wert vor rem kannst du natürlich noch entsprechend einrichten.
    Noch ein Hinweis: Fragen bezogen auf CSS sind hier im Forum off topic. Daher ändere ich den Status auf „Keine Support-Frage“.
    Viele Grüße
    Hans-Gerd

    • Diese Antwort wurde geändert vor 2 Jahren, 5 Monaten von Hans-Gerd Gerhards. Grund: Ergänzung

    Wenn die Listenpunkte denselben Abstand nach links haben sollen, wie der übrige Inhalt =

    Trag das Folgende im Adminbereich unter Design — Customizer — Zusätzliches CSS ein (ganz ans Ende packen):

    #main ul li {
        list-style-position: inside;
    }

    Nach dem Abspeichern musst du den Browsercache leeren, drücke dafür CTRL + SHIFT + Entf gleichzeitig, dadurch wird in den gängigen Browsern ein Fenster zum Löschen geöffnet (weitere Hilfe dazu).

    Solltest du ein Cache-Plugin installiert haben, leere auch diesen Cache. Nun teste auf der Seite, ob du eine Änderung siehst.

    Thread-Starter lob01

    (@lob01)

    Vielen Dank für die ganzen Tipps. Ist ja nur eine private Hobby Seite und CSS ist eine ganz neue Welt für mich. Ist aber schon super was man damit machen hann.

    Kannst du das Thema dann bitte als gelöst markieren, wenn das Problem damit für dich behoben ist:
    Gelöst
    Die Option findest du rechts in der Sidebar. Danke.

Ansicht von 4 Antworten - 1 bis 4 (von insgesamt 4)
  • Das Thema „CSS aufzählung nach rechts einrücken“ ist für neue Antworten geschlossen.