Hintergrund im Template Casiopeia von weiß auf Blau ändern....

Im Moment sieht es so aus, vielleicht solltest du den Browsercache löschen.

Zitat von sammy65

Jetzt möchte ich den weißen hintergrund in Blau ändern.....

Definiere mal den Begriff Hintergrund! Das was du geändert hast, wird ja auch so korrekt angezeigt, siehe #2.

Du schreibst, dass das deine erste J4-Seite ist. In diesem Fall würde ich gleich mit Joomla 5 beginnen. Dort ist auch das Cassiopeia als Core-Template enthalten. Einfach den Update-Server auf "Joomla - next" stellen und das Update ("Mini"-Migration) wird dir angezeigt.

Vielleicht so:

body {
    background-color: #D7ECF0;
}

Zitat von Dautrich

Eine user.css kann ich übrigens nicht finden. Hast Du sie an die richtige Stelle eingefügt?

Die user.css wird doch korrekt geladen?!?

Zitat von Dautrich

Vielleicht so:

Siehe #2

Eventuell nützlich:

Farbengenerator für das Cassiopeia

html , body , .site-grid {
  background-color: #D7ECF0;
}

cassiopeia.joomla.com/help

Zitat von sammy65

Ist das mit Joomla 4 auf 5 auch so ein Akt wie von 3 auf 4.....

Nein, ist nicht so.
Oder hast Du entsprechendes hier im Forum schon gelesen?

Bei jeder CSS-Änderung musst Du die Caches leeren (Server und Browser). Zum Cache-Löschen auf dem Server benutze ich die Erweiterung Cache Cleaner von Regularlabs. Um den Browser-Cache zu löschen, musst Du die jeweilige Seite mit STRG-F5 neu laden (was Du sicher weißt).

Off-Topic: Deine Menüpunkte in den beiden Menüs kommen mir ein wenig unaufgeräumt vor. Hast Du mal überlegt, Menüpunkte wie Impressum und Datenschutzerklärung sowie das Copyright in den Seitenfuß zu verlegen. Ich habe das hier so gelöst.

Ich würde mir an Deiner Stelle überlegen, ob Du Google Maps einsetzen solltest. Aus Datenschutzgründen habe ich bei mir überall Google Maps durch OpenStreetMaps ersetzt. Wenn Du die Erweiterung "Phoca Maps" einsetzt, hast Du in der Erweiterung die Wahl zwischen beiden Varianten.

Außerdem hast Du SSL eingestellt, aber kein Zertifikat. Das ergibt Fehler in der Konsole der Entwicklertools des Browsers.

Cassiopeia (und viele moderne CSS-Frameworks) kommen mittlerweile mit CSS-Variablen ausgestattet auf die Welt. Das heißt, man "stylt" nicht mehr seine Seite indem man bestehende Anweisungen überschreibt (background-color: #xxxxxx) sondern man konfiguriert sich die Dinge, die man braucht:

:root {
    --body-bg: #xxxxxx;
}

Css-Variablen haben den großen Vorteil, dass man die global (= gilt für alles) und lokal (= gilt nur für entsprechende Klassen) definieren kann. Wenn du mit dem Browser-Inspector schaust, wirst du feststellen, dass so ziemlich alles über CSS-Variablen konfigurierbar ist, Farben, Abstände, Schriften etc. Das macht es sehr übersichtlich und einfach zu verwalten.