Theme anpassen css/scss Problem

Hi Leute,
ich habe mal wieder ein CSS Verständnis Problem. Die Ausgangslage:

Ich habe ein Theme von E&F, das ich meinen Bedürfnissen anpassen möchte. Das habe ich auch mit Hilfe von Dennis von E&F gemacht. Die Webseite ist noch im Entwicklungsstadium.
Jetzt wollte ich diese von 4.12.6 auf 4.13.12 updaten, aber es gab Probleme, um die es aber hier nicht gehen soll. Also habe ich "einfach" eine zweite Installation erzeugt, das Theme neu installiert, die Datenbank kopiert, und die files auch kopiert. Soweit hat alles geklappt. Nun sind beide Seiten online zu sehen, und müßten gleich aussehen:

Hier die "Alte":
http://gruber.pc-service-kubik.de/

hier die "Neue":
http://gruber-sirius.pc-service-kubik.de/

Leider unterscheiden sie sich aber in einem Punkt, dem Hintergrund des Kastens auf dem großen Startbild (hero), die alte Version ist transparent und unscharf mit einem Filter, die neue Version hat eine einfarbige Füllung. Wenn ich nun im Inspector die Füllung auf "none" setze, erscheint der unscharfe Hintergrund. Also füge ich :

Code:

---

.content_container::after {
       
        background-color:none;
}

---

ein, aber das funktioniert nicht.

Leider finde ich mich in dem Theme nicht so richtig zurecht, weil alles über SCSS und Variablen läuft, aber irgendwo muß ich in der alten Konfiguration noch ein paar Anpassungen gemacht haben, die ich nicht mehr finde.
Kann mir da jemand weiter helfen?


Grüße aus Ludwigsburg
Jochen

Hi,

das `none` ist für die Eigenschaft wohl nicht valide. Versuch es doch mal mit `transparent`.

Viele Grüße
René

In den Entwicklertools des Browsers deine Wahl, kannst Du so etwas gut sehen. Da gibt es für folgenden Selektor eine Hintergrundfarbe, die musst Du einfach nur entfernen oder ggf. auf transparent setzen.

Code:

---

.ce_hero .content_container::after {
...

background: #333;

...


}

---

Das funktioniert leider nicht!

Welche Lösung hats Du versucht?

Hallo,

verstehe ich das richtig: du möchtest den blur-effect haben?
dann:

Code:

---

.ce_hero .content_container::after {
    background: rgba(0, 0, 0, 0.1);
}

---

Hallo Jochen,

die beiden Seiten unterscheiden sich in dem Bereich bei der CSS-Anweisung
.ce_hero .content_container::after

Auf der alten Seite steht background: rgba(0, 0, 0, 0.1);
Auf der neuen Seite steht background: #333;

Fehler korregieren und es sollte funktionieren.

Hans-Jürgen