# Css für Kategorie Banner

**URL:** https://forum.shopware.com/t/css-fuer-kategorie-banner/100936
**Category:** Shopware 6 (German)
**Tags:** themes--design
**Created:** [18. August 2023 um 13:19 UTC](https://forum.shopware.com/t/css-fuer-kategorie-banner/100936 "2023-08-18T13:19:38Z")
**Posts on this page:** 3
**Page:** 1

<div class="post-metadata">

### Author: ![firegrisus](https://avatars.discourse-cdn.com/v4/letter/f/ed655f/32.png) [@firegrisus](https://forum.shopware.com/u/firegrisus)
#### Post date: [18. August 2023 um 13:19 UTC](https://forum.shopware.com/t/css-fuer-kategorie-banner/100936/1 "2023-08-18T13:19:38Z")

</div>

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

---

<div class="post-metadata">

### Author: ![tom\_prok](https://avatars.discourse-cdn.com/v4/letter/t/e99b99/32.png) [@tom\_prok](https://forum.shopware.com/u/tom_prok)
#### Post date: [21. August 2023 um 06:32 UTC](https://forum.shopware.com/t/css-fuer-kategorie-banner/100936/2 "2023-08-21T06:32:16Z")

</div>

Hallo Nicole,

du benutzt wahrscheinlich das Banner Element unter „Bild und Text“ oder?  
 ![image](https://europe1.discourse-cdn.com/flex013/uploads/shopware/original/3X/3/c/3cfd770e15537011d502f7772ba1a658567c4dfc.jpeg)

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

---

<div class="post-metadata">

### Author: ![firegrisus](https://avatars.discourse-cdn.com/v4/letter/f/ed655f/32.png) [@firegrisus](https://forum.shopware.com/u/firegrisus)
#### Post date: [21. August 2023 um 11:04 UTC](https://forum.shopware.com/t/css-fuer-kategorie-banner/100936/3 "2023-08-21T11:04:42Z")

</div>

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