Css für Kategorie Banner

Hallo,
ich habe über die Erlebniswelten einen Kategoriebanner mit Text über dem Bild gesetzt. Leider habe ich keine Bilder vorliegen, die vom farblichen her Optimal sind (damit der Text gut zu lesen ist)

Nun dachte ich mir: Vieleicht kann durch CSS im Layout ein farblicher Overlay gesetzt werden, der das Bild ein wenig abdunkelt.

ABER ich kann leider kein CSS programmieren und die Versuche Vorlagen zu nehmen haben nicht funktioniert.

Weiß vielleicht jemand wie die Programmierung des „Overlays“ in der CSS Datei lauten muss, damit ich einen leicht abgedunkelten Farbüberzug über den Banner auf Bild - unter den Text lege.
Die Zuordnung wäre mir klar über das Feld Layout aber die „CSS-Zeilen“ kann ich leider nicht selber „progrmmieren“.

DANKE für Eure Hilfe.

VG Nicole

Hallo Nicole,

du benutzt wahrscheinlich das Banner Element unter „Bild und Text“ oder?
image

Du kannst mal folgenden Code probieren:

.cms-block-text-on-image img{
filter: brightness(0.75);
}

Damit sollte das komplette Bild etwas dunkler werden.

Viele Grüße
Tom

1 „Gefällt mir“

Hallo,

und GENIAL. Ich habe wirklich nur bruchstückartiges Wissen und wusele mich so durch… aber mein Ansatz scheint richtig gewesen zu sein und DANK deiner Hilfe: ES HAT GEKLAPPT

Vielen vielen DANK

Viele Grüße
Nicole