# Drstellung Liste

**URL:** https://forum.shopware.com/t/drstellung-liste/55652
**Category:** Themes & Design
**Created:** [10. Oktober 2018 um 04:12 UTC](https://forum.shopware.com/t/drstellung-liste/55652 "2018-10-10T04:12:49Z")
**Posts on this page:** 9
**Page:** 1

<div class="post-metadata">

### Author: ![Antenne1](https://avatars.discourse-cdn.com/v4/letter/a/dc4da7/32.png) [@Antenne1](https://forum.shopware.com/u/Antenne1)
#### Post date: [10. Oktober 2018 um 04:12 UTC](https://forum.shopware.com/t/drstellung-liste/55652/1 "2018-10-10T04:12:49Z")

</div>

Guten Morgen @Alle,

Wenn ich in den Kategorien oder Artikelbeschreibungen eine Liste erstelle, dann&nbsp; sieht das Ergebnis so aus, dass die Liste immer ganz links erscheint und die Punkte (oder Zahlen) aus dem Text nach links ausserhalb dem Text gesetzt werden (siehe Bild) ☹

 ![](https://europe1.discourse-cdn.com/flex013/uploads/shopware/original/1X/d4849a50355fa7a7c9a11c46cdd13254ee497da7.jpeg)

Ich habe nun in den Shopware Daten gesucht, finde aber nicht die Stelle an der das geändert werden kann. Ich arbeite mit dem Standard Resposive Theme.

Kann mir jemand verraten wie das so geändert werden kann, dass es wie bei normalem HTML-Text eingerückt erscheint?

Vielsten Dank für Hinweise und Gruß Antenne1

---

<div class="post-metadata">

### Author: ![Murmeltier](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/murmeltier/32/16126_2.png) [@Murmeltier](https://forum.shopware.com/u/Murmeltier)
#### Post date: [11. Oktober 2018 um 01:04 UTC](https://forum.shopware.com/t/drstellung-liste/55652/2 "2018-10-11T01:04:21Z")

</div>

```
ul {
    list-style-position: outside;
    margin-left: 10px; /* Hier kannst Du noch mehr Einrücken, wenn Du magst!? */
}

```

&nbsp;

---

<div class="post-metadata">

### Author: ![Antenne1](https://avatars.discourse-cdn.com/v4/letter/a/dc4da7/32.png) [@Antenne1](https://forum.shopware.com/u/Antenne1)
#### Post date: [11. Oktober 2018 um 09:43 UTC](https://forum.shopware.com/t/drstellung-liste/55652/3 "2018-10-11T09:43:27Z")

</div>

Besten Dank für den Hinweis… nur wo trage ich das ein???

Ich habe das gesamte lokale Shopware Verzeichnis nach dem Text „list-style-position“ mit WinGrep durchsucht und nichts in css dateien gefunden. Mein lokales Shopware Verzeichnis ist eine 99,99% exakte Kopie vom der Domain; es sind nur der Datenbankeintrag&nbsp; und die Hostangabe auf den lokalen Server geändert.

---

<div class="post-metadata">

### Author: ![ent\_dev](https://avatars.discourse-cdn.com/v4/letter/e/45deac/32.png) [@ent\_dev](https://forum.shopware.com/u/ent_dev)
#### Post date: [11. Oktober 2018 um 10:42 UTC](https://forum.shopware.com/t/drstellung-liste/55652/4 "2018-10-11T10:42:07Z")

</div>

> [@Antenne1 schrieb:](https://forum.shopware.com/profile/28183/Antenne1 "Antenne1")
> 
> Besten Dank für den Hinweis… nur wo trage ich das ein???
> 
> Ich habe das gesamte lokale Shopware Verzeichnis nach dem Text „list-style-position“ mit WinGrep durchsucht und nichts in css dateien gefunden. Mein lokales Shopware Verzeichnis ist eine 99,99% exakte Kopie vom der Domain; es sind nur der Datenbankeintrag&nbsp; und die Hostangabe auf den lokalen Server geändert.

Benutz bspw. einen Browser wie „Firefox Developer Edition“, mit diesem wechselst du dann via F12 in die Developer Tools. Dann kannst du einfach über das gewünschte Element hovern und es wird dir angezeigt in welcher CSS Datei sich der Eintrag befindet.

&nbsp;

Beispiel:

 ![](https://europe1.discourse-cdn.com/flex013/uploads/shopware/original/2X/7/76fe5787f05d261d3993675d2ef5c87039dc4222.png)

&nbsp;

Nun wissen wir das wir „.navigation-main .navigation–link“ in der „styles.css“ Line 60 bearbeiten müssen.

Die styles.css findest du dann in deinem Theme Ordner.

Mfg,

ent\_dev

---

<div class="post-metadata">

### Author: ![Murmeltier](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/murmeltier/32/16126_2.png) [@Murmeltier](https://forum.shopware.com/u/Murmeltier)
#### Post date: [11. Oktober 2018 um 16:04 UTC](https://forum.shopware.com/t/drstellung-liste/55652/5 "2018-10-11T16:04:03Z")

</div>

> [@ent\_dev schrieb:](https://forum.shopware.com/profile/28777/ent_dev "ent\_dev")
> 
> Benutz bspw. einen Browser wie „Firefox Developer Edition“, mit diesem wechselst du dann via F12 in die Developer Tools. Dann kannst du einfach über das gewünschte Element hovern und es wird dir angezeigt in welcher CSS Datei sich der Eintrag befindet.

Naja, ganz so stimmt das aber nicht…, denn eigentlich zeigt Shopware da nur dynamische CSS Dateien an, wie z.B.:

```
https://yourdomain/web/cache/1234567890_25d055f558e75edc59179aa34123e504.css

```

Wenn Du mit den DEV Tools die Quell-CSS Dateien wirklich sehen willst, also so wie es @ent\_dev‍ beschrieben hat, dann musst Du im Theme Manager, unter **_Einstellungen \> CSS Source Maps erstellen_** ein Häkchen setzen:

![](https://europe1.discourse-cdn.com/flex013/uploads/shopware/original/2X/9/9a9654fe6e789c2d1e28cdd38fa3785f5f6f89c4.png)

Aber lass das besser und binde Dir doch einfach über den Teammanager ein CSS Datei ein:

 ![](https://europe1.discourse-cdn.com/flex013/uploads/shopware/original/2X/c/c4e5161286ba512b1ba92a5697d5b56b4523ad7f.png)

Hier das ganze nochmal zum Kopieren:

DEIN-THEME ersetzt Du aber unbedingt durch den namen **Deines** Theme Ordners!!!

Jetzt brauchst Du nur noch eine CSS Datei, nämlich: \_ **your-awesome-styles.css** \_

Die Datei befüllst Du dann mit meinem CSS:

```
ul {
    list-style-position: outside;
    margin-left: 10px; /* Hier kannst Du noch mehr Einrücken, wenn Du magst!? */
}

```

Und jetzt ab damit…, in den richtigen Ordner:

```
themes/Frontend/DEIN-THEME/frontend/_public/src/css

```

Wenn Du alles richtige gemacht hast, dann wird es auch klappen… ![Wink](https://forum.shopware.com/plugins/CKEditor/plugins/smiley/images/wink.png "Wink")

---

<div class="post-metadata">

### Author: ![R4M](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/r4m/32/9983_2.png) [@R4M](https://forum.shopware.com/u/R4M)
#### Post date: [12. Oktober 2018 um 12:37 UTC](https://forum.shopware.com/t/drstellung-liste/55652/6 "2018-10-12T12:37:19Z")

</div>

Ein “Teammanager” gibt es im Call-Center 🙂 Hier nennt sich das Ding: Theme Manager

Man kann auch ohne Schnickschnack einfach eine **all.css** in sein **Theme** packen:

[https://developers.shopware.com/designers-guide/css-and-js-files-usage/](https://developers.shopware.com/designers-guide/css-and-js-files-usage/)

Viele Wege führen nach Rom.

---

<div class="post-metadata">

### Author: ![Antenne1](https://avatars.discourse-cdn.com/v4/letter/a/dc4da7/32.png) [@Antenne1](https://forum.shopware.com/u/Antenne1)
#### Post date: [20. Oktober 2018 um 04:01 UTC](https://forum.shopware.com/t/drstellung-liste/55652/7 "2018-10-20T04:01:11Z")

</div>

Besten Dank Euch allen, ich werde mich heute wieder an die Sache setzen.

Das Thema mit den Entwicklertools im Firefox wie von @ent_dev beschrieben ist mir durchaus bekannt. So baue ich meine Drupal WebSites um… Nur in Shopware hatte das so nicht wirklich funktioniert! Ich werde mich nun mit den beiden anderen Vorschlägen von @Murmeltier und @R4M‍ befassen und berichte weiter 🙂

---

<div class="post-metadata">

### Author: ![Antenne1](https://avatars.discourse-cdn.com/v4/letter/a/dc4da7/32.png) [@Antenne1](https://forum.shopware.com/u/Antenne1)
#### Post date: [5. November 2018 um 09:34 UTC](https://forum.shopware.com/t/drstellung-liste/55652/8 "2018-11-05T09:34:30Z")

</div>

Hallo wieder,

zwischenzeitlich habe ist getestet und eine schnelle&nbsp;und m.E. saubere Lösung war die von Murmeltier 🙂 und die war vor allem einfach 🙂 🙂

Ich habe auch den Haken bei CSS Source Map erstellen gesetzt, den Cache geleert, die Seite neu gelanden, aber mit den DEV Tools habe ich die Formatierung immer noch nicht gefunden ☹

Vielsten Dank noch einmal und einen schönen Tag…

---

<div class="post-metadata">

### Author: ![Murmeltier](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/murmeltier/32/16126_2.png) [@Murmeltier](https://forum.shopware.com/u/Murmeltier)
#### Post date: [5. November 2018 um 14:37 UTC](https://forum.shopware.com/t/drstellung-liste/55652/9 "2018-11-05T14:37:03Z")

</div>

🙂
