custom CSS zum Schluss laden
Eingetragen von torfnase (1525)am 18.11.2020 - 15:54 Uhr in
Hallo zusammen,
wenn ich ein custom-CSS laden möchte (auf jeder Seite), dann erstelle ich im Modulordner z.B. einen Ordner /css und dahinein kommt die styles-Datei.
Dann in der libraries.yml das Ding "registrieren"
z.B. so:
bl_css:
version: 1.x
css:
theme:
css/bl_styles.css: {}Jetzt wird aber die css schon richtig geladen, so wie es gewünscht ist, nur leider zu früh.
Ich möchte die also am liebsten ganz zum Schluss laden, damit ich die überschriebenen styles nicht mit !important kennzeichnen muss und so vor dem Überschreiben durch nachfolgende styles schützen muss.
Wie kann ich das hinbekommen, dass die zum Schluss geladen wird ?
Gruß
Berthold
- Anmelden oder Registrieren um Kommentare zu schreiben
Hi Tobias,Also bei mir macht
am 19.11.2020 - 09:33 Uhr
Hi Tobias,
Also bei mir macht das Barrio-theme (auf Bootstrap basierend) das z.B. hier so:
view-source:https://www.yes-youngeventersale.de/
Ich habe nicht nur Einträge in der libraries.yml, sondern auch in meiner custom_barrio.info.yml:
# core: 8.x
base theme: bootstrap_barrio
entity_print:
view:
all: custom_barrio/print-profile
libraries:
- custom_barrio/bootstrap
- custom_barrio/global-styling
- custom_barrio/all-devices-styling
- custom_barrio/small-device-styling
- custom_barrio/medium-device-styling
- custom_barrio/large-device-styling
- custom_barrio/extra-large-device-styling
regions:
Ich habe halt ein paar mehr Einträge, weil ich mit Breakpoints arbeite.
Da sieht man, dass ich vor meinen eigenen Scripten, welches sind:
- custom_barrio/all-devices-styling
- custom_barrio/small-device-styling
- custom_barrio/medium-device-styling
- custom_barrio/large-device-styling
- custom_barrio/extra-large-device-styling
Auch die Bootstrap-Styles eingebunden habe.
Das habe ich einfach aus der Vorlage für Substheme von Barrio übernommen.
Was hast Du für ein Theme und was steht in der info.yml?
Hallo Regina, ich habe die
am 19.11.2020 - 10:42 Uhr
Hallo Regina,
ich habe die CSS nicht im Theme, sondern im Modul hinzugefügt.
Dann gibt es noch andere Module, die auch eine CSS Eintrag für eine spezielle Klasse enthalten, die ich eigentlich überschreibe möchte.
Aber da die später geladen werden, wird mein custom-css natürlich überschrieben.
Es muss doch eine Möglichkeit geben, dass nach hinten zu schieben.....
Vielleicht funktioniert es ja, wenn ich den Modulnamen mit einem zz beginne.
Es sieht mir ziemlich alphabetisch aus.
ist zwar keine schöne Lösung, könnte ja aber klappen. Besser wäre eine "richtige Weight-Angabe".
Gruß
Berthold
Ach sorry, das mit dem Modul
am 19.11.2020 - 11:04 Uhr
Ach sorry, das mit dem Modul hatte ich überlesen.
Hast Du versucht, ein weight einzufügen?
https://www.drupal.org/docs/develop/standards/css/css-file-organization-...