WordPress: Randloser Inhalt im Cover Block

Der Cover-Block in WordPress dient dazu, ein Bild mit Text zu versehen. Er wird aber auch verwendet, um (manuell) Text über ein fix dahinter liegendes Bild zu scrollen. Wenn man nun innerhalb des Cover-Block einen Absatz-, Zeilen- oder Spaltenblock verwendet, so gibt es – obwohl die Innenabstände des Cover-Blocks auf 0 (null) gesetzt sind – einen gewissen Innenabstand, was häufig unschön aussieht.

Das lässt sich wie folgt beheben: Man geht im WordPress Dashboard auf „Design“ / „Webseiten-Editor“. Dann links im schwarzen Bereich auf „Stile“, dann im neue eröffneten Fenster auf den kleinen Stift neben „Stile“ („Stile bearbeiten“. Im neuen Fenster geht man nun rechts im weissen Bereich auf „Blöcke“, sucht und wählt den „Cover-Block“, klappt rechts ganz unten den „Erweitert“-Bereich auf und gibt dort folgendes „Zusätzliches“ CSS (ohne CSS-Selektoren) ein:

padding: 0;
margin: 0;

& .wp-block-cover__inner-container {
    margin: 0;
    width: 100%;
}

& .wp-block-cover__inner-container > * {
    margin-top: 0;
    margin-bottom: 0;
}

Und nun funktioniert die Einstellung der Innenabstände im Cover-Block ordnungsgemäss.