Cassiopeia-Blog: Spalte zwischen Hauptcontainer und Sidebar-right

Ich habe J4 4.3.4 mit den Beispieldaten installiert um einem Problem nachzuspüren. Die Musterseite 'Sample Layouts / Blog' besteht aus einer Hauptspalte (grid-child container-component) und einer rechten Spalte (grid-child container-sidebar-right).

Wie kriege ich den grauen Balken (genauer gesagt: den durchscheinenden Hintergrund) zwischen den beiden Spalten raus? Ich möchte eine durchgehende weiße Fläche haben.

Im ersten Screenshot habe ich den Bereich mit einem roten Rechteck markiert, der zweite Screenshot zeigt die Grenzen der beiden Bereiche.

Danke und Gruß

kato

Hallo Christine,

Du liegst richtig, ich will einen grauen Hintergrund haben - allerdings nur links von der Hauptspalte und rechts von Sidebar-right sowie dem Header und dem Footer.

Wie müsste ich also vorgehen, wenn ich den grauen Balken weg kriegen möchte?

Danke und Gruß
Tom

Vielleicht ist mein Ansatz ja auch falsch.

Es geht mir also darum, dass die Hauptspalte und die rechte Spalte nahtlos aneinanderstoßen und eine gemeinsame Fläche bilden, die ich weiß einfärben kann; sie sollen sich hervorheben von einem grauen Seitenhintergrund.

Gruß Tom

Bin nun in template.css, bei mir ca. Zeile 13778, fündig geworden:

.site-grid {
    …
    grid-gap: 1em;
}

Zitat von kato

Bin nun in template.css, bei mir ca. Zeile 13778, fündig geworden:

Code

.site-grid {
    …
    grid-gap: 1em;
}

Das war aber leider nur der Einstieg in eine Lösung.

So, nun klappt's:

/* ----- NO GAP BETWEEN MAIN AND SIDEBAR-RIGHT ----- */
.site-grid {
    grid-gap: 0 !important;
}

.grid-child {
    max-width: 1274px !important;
}