Footer volle Breite & Hintergrundfarbe?

boyherre · 1. Februar 2024

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 · 1. Februar 2024

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 · 1. Februar 2024

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 · 1. Februar 2024

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 · 1. Februar 2024

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 · 2. Februar 2024

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 · 2. Februar 2024

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