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:
Aber lass das besser und binde Dir doch einfach über den Teammanager ein CSS Datei ein:
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… 