Verwendet man ein bestehendes (Standard-)Template wie z.B. das RWD Theme und m\u00f6chte dies nach seinen eigenen CSS-Vorstellungen anpassen, m\u00fcsste man eigentlich die styles.css nehmen und alles anpassen was man ge\u00e4ndert haben will.<\/p>\n
M\u00f6chte man aber nichts \/ so wenig wie m\u00f6glich an der styles.css arbeiten, um z.B. zuk\u00fcnftig seine \u00c4nderungen besser sehen zu k\u00f6nnen, kann man auch eine eigene CSS-Datei erstellen und diese in das Theme mit einbinden. Dies ist ansich relativ einfach.<\/p>\n
Man \u00f6ffnet die local.xml im Theme (oder erstellt sie) aus dem Ordner app\/design\/frontend\/[Eigenes Theme]\/[Eigenes Theme]\/layout und f\u00fcgt folgenden Code ein<\/p>\n
<action method=\"addItem\">\r\n <type>skin_css<\/type>\r\n <name>css\/meine-eigene.css<\/name>\r\n <params\/>\r\n <if><![CDATA[<!--[]><!-->]]><\/if>\r\n <\/action><\/pre>\nNun erstellt man nat\u00fcrlich noch eine eigene CSS-Datei mit dem gew\u00fcnschen Namen im Verzeichnis skin\/frontend\/[Eigenes Theme]\/[Eigenes Theme]\/css<\/p>\n
Anschlie\u00dfend werden die CSS-Anpassungen im Theme \u00fcbernommen.<\/p>\n
Nun gibt es aber das Problem, dass die Standard-CSS-Dateien wie die styles.css vom System als vorrangig vor der eigenen CSS angesehen werden. Dies ist kein Problem wenn man eine Anpassung macht, die bislang nicht von einer CSS-Datei angesprochen wird. M\u00f6chte man aber eine schon vorhandene Definition z.B. aus der styles.css \u00fcberstimmen, funktioniert dies so nicht.<\/p>\n