Custom CSS - wo einbinden?

[MSC]

Hallo Leute,
ich versuche mittels einer custom.css die Farben vom Template anders zu gestalten und will nicht in den Origninal-CSS Dateien rumwerkeln.

Gibts ein PHP-Modul, das die CSS-Dateien einliest und wo finde ich das ?

Was ich gefunden habe ist die general.css.php

 // Put CSS-Inline-Definitions here, these CSS-files will be loaded at the TOP of every page

Bedeutet soviel wie: die CSS-Anweisungen sollen  in diese Datei geschrieben werden?
Oder soll man hier angeben, wo genau die custom.css zu finden ist?

Update: ich habs so gemacht (und bin mir ned sicher ob das der richtige Weg ist)

 $css_array = array(
    DIR_TMPL.'stylesheet.css',
   DIR_TMPL.'custom.css',
  );

Vielen Dank für euere Hilfe
msc

Linkback: https://www.modified-shop.org/forum/index.php?topic=41511.0

[noRiddle (revilonetz)]

Wenn du die orginalen CSS-Dateien weiterhin lädst und Styles mit eigenem CSS überschreibst
- mittels späterer Deklaration oder Spezifität -
ist das redundanter Code der sich negativ auf die Ladezeiten auswirkt.
Besser:
Wenn du die Original-Styles als Backup behalten möchtest kopiere dir die Style-Dateien und benenne die originalen um.

Zusätzliche Style-Dateien kann man sowohl in der /css/general.css.php als auch der /css/general_bottom.css.php des Templates hinzufügen. Das hängt ein wenig davon ab wie wichtig die enthaltenen Styles für das erste Rendering im Browser sind. Die Dateien selbst sollte man wohl in /css/ des Templates legen.

Das Skript welches die Komprimierung (wenn aktiviert) bewerkstelligt zu finden dürfte leicht sein wenn man sich den Code in den beiden genannten Dateien general*.php anschaut.

Gruß,
noRiddle

[Eihops]

Vielen Dank Euch beiden! Um der Community etwas zurückzugeben:

Ich hatte ein etwas anderes Problem. Das CSS für den Shop ist sehr gut gelungen nach meiner Meinung. Ich wollte lediglich bei der Artikelbeschreibung hie und da einen anderen Style für einige Elemente verwenden, ohne aber das Template zu ändern.

Dafür bin ich so vorgegangen wie im ersten Beitrag beschrieben (Vorteil: kein Zusatz-Aufwand mit der Komprimierung), habe dann aber in der custom.css alle eigenen Styles mit einem eigenen "Namensraum" versehen, ungefähr so:

Code: CSS  [Auswählen]

.mynamespace p {
  margin: 100px;
}
.mynamespace h2 {
  padding: 200px;
}
 

Überall, wo ich meine eigenen Styles verwenden möchte, sieht es dann so aus:

Code: XML  [Auswählen]

<div class="mynamespace">
 <p>Das ist ein Text mit einem absurd großen Margin.</p>
</div>
<div class="mynamespace">
 <h2>Eine Überschrift mit noch mehr Margin</h2>
</div>
 

Viele Grüße,

Eihops