Cassiopeia - Ansprechmöglichkeit für rechte und linke obere Ecke gesucht

Hallo zusammen,

Ich versuche die beiden gelb markierten Bereiche in der gleichen Hintergrundfarbe wie der mittlere Teil zu formatieren. Ich finde aber nicht raus wie ich sie anspreche. Alternativ wie ich die ganze Zeile anspreche.

.container-header bringt mich leider nicht weiter, da der Bereich hinter Logo und Menü weiß bleiben soll.

Für meine ersten versuche mit CSS klappt es schon ganz gut, aber geht sicherlich stellenweise noch besser.

Schönen Abend

Thomas

Leider sagt das System immer die Datei wäre beschädigt, obwohl sie bei mir am PC öffnet. Es geht um die Bereiche links und rechts von .container-below-top

Zitat von Rolf Dautrich

Was verstehst Du unter „die beiden gelb markierten Bereiche“?

Die gelben Bereiche waren auf dem Bild, was ich eigentlich mit hochladen wollte, aber nicht klappte.

Zitat von Stef

In deiner user.css hast du die Zeile 76 .container-header...
Wenn du diese löschst, wird dein Header-Hintergrund normal auf der ganzen Breite sichtbar.

Ja, das habe ich auch schon entdeckt, aber wir möchten den Farbverlauf nicht haben und der obere Balken ist auch nicht bis zum Bildschirmrand blau.

Zitat von drmenzelit

Du kannst den Trick anwenden:

Code

.grid-child.container-below-top {
  margin-left: calc( -50vw + 50% + 10px );
  margin-right: calc( -50vw + 50% );
  max-width: calc( 100vw - 20px );
}

https://magazine.joomla.org/all-issues/jun…-inside-content

Ich habe dies 1 zu 1 in die user.css kopiert, aber es hat leider keine Änderung gebracht.

Zitat von Rolf Dautrich

Cache gelöscht?

Danke, das war es. Habe noch mal mit STRG+F5 geladen

Danke Sieger66 Werde ich heute Abend einmal ausprobieren.