Footer volle Breite & Hintergrundfarbe?

boyherre

CSS

h1 {
  font-size: 1.5em; }

/*Footer Menüzeile zentrieren*/
div.grid-child:nth-child(4) {
  justify-content: center !important;
  width: fit-content;
  flex-direction: inherit; }

.container-bottom-a
{
    grid-column: full-start/full-end;
}

Alles anzeigen

Font size funktioniert;

Footer zentrieren funktioniert;

Footer volle Breite funktioniert (noch) nicht. „Width“ full o.ä. ?

Footer: Farbe wie im Header; Funktion wie im Header (stehen bleiben)… Das gibt mir leider noch Rätsel auf.

Danke für die Hilfe!

LG, Boy

CurlY BracketS

Das ist doch ein Cassiopeia, ja? Wenn ich mir die Grafik hier anschaue dann ist doch der Footer über die ganze Breite

Template positions - Cassiopeia Demo

Hast du deinen Footer auf der Position main-bottom veröffentlicht?

christine2

Sieht nach bottom-b aus. Wie schon Chris meint.

Wenn Du es so lassen möchtest, dann wäre Hintergrundfarbe:

Code

.footer1, .footer2 {
background-color: var(--cassiopeia-color-primary);
}

Aber, Du willst ja über die ganze Breite die Farbe haben.

Dann versuche es mal auf: position: footer

Dann:

Code

footer.container-footer.footer.full-width {
background-color: var(--cassiopeia-color-primary);
}

Danach wegen zentrieren kümmern.

Liebe Grüße

Christine

Edit: Nach meinem obigen Post (hat sich wohl überschnitten), hab ich gesehen, dass Du Änderungen gemacht hast. Dadurch erübrigt sich mein 1. Code.

boyherre

CASSIOPEIA, Joomla 5.0.2., PHP 8.1

Hallo und danke für die Tipps… !
Im Moment bin ich zur Ursprungsversion zurückgekehrt, nachdem zwar die Hintergrundfarbe stimmte, nicht aber die gewünschte Font-Farbe (weiß #FFFFFF).
Es tut mir leid, dass ich mit CSS-Coding noch nicht vertraut bin… sorry, das muss ich erst noch lernen (!).

Mein Ziel ist:
Footer volle Breite, dieselbe Hintergrundfarbe wie der Header (rotbraun #933846), dieselbe Schriftfarbe wie im Header (weiß #FFFFFF), Text zentriert).

Erst mal vielen Dank für die Hilfe! Die Tipps setze ich morgen um.
Inzwischen finde ich drei verschiedene user.css in meinem Joomla 5.0.2 . Welche wird gebraucht ? Alle drei?

Stopp – nach dieser Änderung könnte es erst mal so bleiben – bis auf Weiteres…

CSS

h1 {
  font-size: 1.5em;
}

/*Footer Menüzeile zentrieren*/
div.grid-child:nth-child(4) {
  justify-content: center !important;
  width: fit-content;
  flex-direction: inherit; }

}
footer.container-footer.footer.full-width {
background-color: var(--cassiopeia-color-primary);
}

Alles anzeigen

Das Zentrieren scheint jetzt nicht zu funktionieren?!

LG, Boy

christine2

Zitat von boyherre

CSS

h1 {
  font-size: 1.5em;
}

/*Footer Menüzeile zentrieren*/
div.grid-child:nth-child(4) {
  justify-content: center !important;
  width: fit-content;
  flex-direction: inherit; }

}
footer.container-footer.footer.full-width {
background-color: var(--cassiopeia-color-primary);
}

Alles anzeigen

Das Zentrieren scheint jetzt nicht zu funktionieren?!

Doch. Aber Du musst die obigen Zeilen 6 - 9 austauschen durch:

Code

.footer .grid-child {
justify-content: center;
width: fit-content;
flex-direction: inherit;
}

Dies deswegen, weil der vorherige Code fürs Zentrieren war, als Du noch die andere Position hattest.

Liebe Grüße

Christine

chr-hl

Zitat von boyherre

Inzwischen finde ich drei verschiedene user.css in meinem Joomla 5.0.2 . Welche wird gebraucht ? Alle drei?

/media/templates/site/cassiopeia/css/user.css

Christian

boyherre

Danke an alle für die tolle Hilfe!
Ich denke, ich lass' es jetzt linksbündig stehen; gefällt mir besser.
LG, Boy