Farbig unterlegte Box, Listenpunkt wird auf Rand der Box gesetzt

Iorek

Hallo,

ich habe mir eine farbige Box als Klasse erstellt und mittels Site Origin CSS in mein Theme eingearbeitet:

Code

.wp_bemerkung_box {
   padding: 10px;
   background: #F6A800;
   color: #000000;
   border: 2px solid #000000;
   border-radius: 0px;
}

Die Inhalte, die in dieser Box stehen sollen versehe ich dann im Quellcode mit

Code

<div class="wp_bemerkung_box" style="text-align: justify;">Inhalt</div>

was auch soweit gut funktioniert. Allerdings habe ich ein Problem, wenn der Inhalt eine Liste beinhaltet. Der Listenpunkt wird immer auf den Rand der Box gesetzt. Kann mir jemand helfen, das zu beheben?

Zu sehen unter: http://markus-und-sarah.de/

Werbepost

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

Edi

Schön... Und hast Du das irgendwo eingearbeitet, dass man das sehen und gegebenenfalls bei der Anpassung helfen kann?

Iorek

Link hätte ich angeben sollen, ist nachgeholt!

Edi

Du kannst das mit folgender CSS-Definition machen (Zeile 472):

Code

ul {
   list-style: inside none disc;
}

Derzeit ist definiert:

Code

ul {
   list-style: ouside none disc;
}

Du kannst dafür ein Plugin wie Simple Custom CSS verwenden:

https://wordpress.org/plugins/simple-custom-css/

Das ist einfach zu verwenden, zudem gehen sonst Anpassungen bei einer Aktualisierung des Themes verloren.

Iorek

Super, danke! Damit das auch für ordered lists funktioniert vermute ich mal, sollte ich auch

Code

ul {
    list-style: inside none a;
}

hinzufügen, wenn ich die Liste mit Kleinbuchstaben schreiben will?

Edi

Ordered lists wären ol, unordered lists sind ul.

http://www.w3schools.com/css/css_list.asp

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Farbig unterlegte Box, Listenpunkt wird auf Rand der Box gesetzt

Jetzt mitmachen!