Beitragsbilder im „Pseudo-Header“ (?) entfernen?!

Hallo,

ich habe eine Frage zum einem Child-Theme bzw. Plugin (denke es ist mehr ein Theme als ein Plugin), es handelt sich dabei um Memberwunder, einer Software für Mitgliederbereiche. Die Entwickler waren nicht sehr kooperativ, aber möglich sein dürfte mein Anliegen ja trotzdem:

Wenn ich in WordPress einen neuen Beitrag mit einem Beitragsbild erstelle, dann wird dieses Bild auch automatisch auf der Beitragsseite dahinter angezeigt.

Die Entwickler haben das so eingerichtet.

1. Beitragsbilder für Kurse und Module = .mw-card__img (nehme ich zumindest an, wenn meine Nachforschungen richtig waren)
2. Wenn ich auf den Beitrag (Modul oder Kurs) klicke, dann komme ich auf die nächste Ebene, auf der dann der Bereich TopImgBlock .bg angezeigt wird.

Standardmäßig hat der TopImgBlock .bg aber ein eigenes Background-Image. Im Kurs- oder oder Modulbereich allerdings nimmt er dann das Beitragsbild als Hintergrundbild, was natürlich nicht nur Aussschnittsweise und verpixelt dargestellt wird.

Deswegen möchte ich das Beitragsbild gar nicht erst dort angezeigt haben und nur eine Hintergrundfarbe benutzen.

Doch die Entwickler haben das ziemlich merkwürdig programmiert. Mittels CSS-Hero musste ich zuerst einen Filter und Opacity vom Hauptmenü-Hintergrundbild im .TopImgBlock .bg entfernen.

/* Hintergrundbild in der Überschrift Box ohne Farbfilter */
html > body > div > div:nth-child(2) > div:nth-child(1) {
opacity: 1;
filter: none;
}

Das hatte dann bewirkt, dass mein Bild klar sichtbar ist ohne dass ein Farbfilter drüber gelegt wurde. Habe also die Einstellungen des Plugins damit überschreiben können.

Aber wenn ich jetzt auf der Kursebene versuche das Bild auszublenden, dann werden die Änderungen auch wieder auf das Hauptmenü übertragen:

html > body > div:nth-child(1) > div:nth-child(2) > div:nth-child(1) {
background-image: none;
opacity: 0;
}

wenn ich das so mache:

.TopImgBlock .bg {
background-image: none;
}

funktioniert gar nichts. Es hat weder Auswirkungen auf den Haupt-Hintergrund, noch auf das Bild, was im Kurs angezeigt wird.

Komischerweise hat .TopImgBlock .bg auch unterschiedliche Größen. Es muss also irgendwie getrennt voneinander ansprechbar sein.

Ich hänge noch ein paar Bilder an, damit man sich das besser vorstellen kann.

Übrigens: Das von mir aktivierte Theme war Twenty-Twenty, nehme aber an, dass Memberwunder das Design sowieso komplett ersetzt.

Nunja, wie bekomme ich das also hin? Oder muss ich das komplett anders programmieren? Kenne mich mit HTML und CSS nur ein ganz kleines bisschen aus, möchte es aber schon selbst hinbekommen, ohne dafür noch extra jemand auf Fiverr zu engagieren, bzw. ohne das Plugin umschreiben zu lassen.

Hier die Bilder

PS: Mein Projekt handelt sich um das Thema Katzenerziehung 🙂