CSS Code nicht sortiert...

Schau mal in die template.css Das ist die Ursprungsdatei, die auch editiert werden kann. Die min.css ist eine "minified" Datei (Löschung aller funktional unnötigen Zeichen) ,um die Transfergeschwindigkeit zu reduzieren. Für diese Reduzierung gibt es speziell Tools.

Die Antwort, auf die Frage, wie diese min-Dateien bei Joomla erzeugt werden, muss ich allerdings den Wissenden hier im Forum überlassen.

Die template.css und auch die template.min.css sind nicht für Änderungen bestimmt.

Wer was ändern will erzeugt eine neue Datei user.css und überschreibt dort alles, was er ändern möchte, mit eigenen css definitionen.

Ist schon klar, dass die template.css ebensowenig geändert werden sollte. Aber kann ich auch aus der user.css eine user.min.css erzeugen und wenn ja, wird die dann bevorzugt geladen?

Zitat von hrybak

wird die dann bevorzugt geladen?

Ja. Das ist die Cleverness des Web Asset Managers (die manchmal auch nerven kann ) Nur, wenn der Debug-Modus aktiviert ist, nimmt er die unminifizierte.

Und, wenn als Krönung eine user.min.css.gz vorliegt, wird die bevorzugt geladen, falls die entsprechenden Zeilen in .htaccess nicht entfernt wurden. Und auch das kann manchmal nerven bei der Suche, warum eine geänderte CSS- oder JS-Datei nicht wirkt

Nein, weil es nicht Update sicher ist, wie du ja bemerkt hast..

Zitat von joggerone

und jedesmal wenn ich Joomla update, überschreibt das Update wohl meine template.min.css

Deswegen gibt es die user.css, wo man eigene Änderungen ergänzen kann. Man soll nie die Kerndateien von Joomla, Templates oder Erweiterungen verändern, die werden bei Updates immer überschrieben.

Beim CSS ist immer am besten im Developer Tool des Browsers (F12) sich den CSS Code, den man verändern will, zu kopieren und in der user.css Datei einzufügen.

Du schreibst einfach den Code, den du brauchst.

#back-top { position: fixed; } wird funktionieren, wenn du ein Element mit der ID back-top auf deiner Seite hast. Ohne Link zur Seite können wir keine Stil-Fragen richtig beantworten.

Der Code in der user.css kann (nach meiner Erfahrung) durch Anweisungen der template.css oder anderer .css-Dateien überschrieben werden - abhängig davon in welcher Reihenfolge die Dateien geladen werden. Das kann z.B. über F12 angeschaut werden. Da hilft dann in der user.css ggf. ein !important, das nachträgliches Überschreiben verhindert:

 #back-top { position: fixed !important; }

Das Überschreiben kann natürlich auch verhindert werden durch Änderung der Ladereihenfolge (wie das geht habe ich allerdings noch nicht begriffen - da fehlt mir wohl das Wissen).

Ein Grundgerüst gibt es eigentlich nicht (?) - wichtig ist nur dass alles gut strukturiert und kommentiert ist, damit auch Monate später alle Änderungen und Ergänzungen nachvollziehbar bleiben.

Zitat von hrybak

wie das geht habe ich allerdings noch nicht begriffen - da fehlt mir wohl das Wissen

Am Beispiel eines puristischen Cassiopeia:

In der templates\cassiopeia\joomla.asset.json findest das:

    {
      "name": "template.user",
      "description": "A file where a user can add their own css.",
      "type": "style",
      "uri": "user.css",
      "weight": 500,
      "dependencies": [
        "template.active",
        "template.active.language"
      ]
    },

Das

"weight": 500

sorgt dafür, dass die user.css nach hinten sortiert wird. es gehen sogar negative Werte, um ein Asset nach vorne zu zwingen.

Dann ist es egal, wann die index.php oder jede andere Erweiterung die Zeilen zum Laden der user-Geschichten abfeuert.

Und die dependencies sorgen dafür dass die dort genannten Assets unbedingt zuvor geladen werden. In diesem Fall wäre das z.B. die template.css.

Was ich allerdings noch nicht ausprobiert habe, ob man die joomla.asset.json in einem Child-Template überschreiben kann. Denke aber doch.

Aber(!), das ist die Theorie, die durch jedwede Erweiterung ausgehebelt werden kann, wenn sie nicht vollumfänglich den Web Asset Manager, wenigstens auf unbewussten Umwegen, unter Joomla 4 nutzt. Dann wird es etwas wisenschaftlicher Geht aber meist auch über Umwege. Etwas Forscherei, manchmal.

Zitat von Re:Later

In der templates\cassiopeia\joomla.asset.json findest das:

Danke, der erste Hinweis der mir helfen kann. Werde es bei Gelegenheit ausprobieren.

Zitat von joggerone

https://www.foerderverein-bade…-gliesmarode.de/index.php

meine Seite.

auf der Seite finde ich keine user.css
Wo hast du die Datei angelegt?

Zitat von joggerone

https://www.foerderverein-bade…-gliesmarode.de/index.php

meine Seite.

Ich habe mal aus reinem Interesse auf Deine Seite geschaut und den Button gar nicht gefunden aber dann über F12 position: fixed gesetzt, dann taucht er unten rechts auf, sofern nach unter gescrollt wurde. Wenn Du in aber ständig sehen willst dann ist zusätzlich opacity: 1; erforderlich.

Die Position kannst Du dann über top, bottom oder sogar right steuern.

Das mit !important ist also nicht notwendig (war ein Irrtum meinerseits - ich habe auf meinen Seiten position: fixed ebenfalls ohne !important realisieren können - aber ggf. kannst Du den Hinweis ja anderweitig nutzen)

Zitat von joggerone

in meinem ersten Bild oben, dort steht er doch drin, warum er nicht gesehen wird keine ahnung, ,

Die user.css liegt bei dir aber unterhalb von /templates/......

Lege sie unterhalb von /media/..... , dort wo die css-Dateien liegen!

Der korrekte Pfad ist in deinem 1.Screenshot zu erkennen.

Dieser hat sich vor ein paar Monaten geändert.

Wenn du das machst, dann wird sie auch geladen und wirkt sich aus. Momentan ist das nicht der Fall.

user.css

Lieber Grüße

Christine

Zitat von joggerone

z.B. wollte ich den ,nach oben Button, immer sichtbar haben,

Ich hab für mich in J4! diesen Nach-Oben-Pfeil entdeckt:

Downloads