# Headerbereich durchsichtig

**URL:** <https://forum.shopware.com/t/headerbereich-durchsichtig/37789>\
**Category:** Themes & Design\
**Created:** [29. Juni 2016 um 12:32 UTC](https://forum.shopware.com/t/headerbereich-durchsichtig/37789 "2016-06-29T12:32:25Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![Sascha\_Zoundhouse](https://avatars.discourse-cdn.com/v4/letter/s/e47c2d/32.png) [@Sascha\_Zoundhouse](https://forum.shopware.com/u/Sascha_Zoundhouse)\
**Post date:** [29. Juni 2016 um 12:32 UTC](https://forum.shopware.com/t/headerbereich-durchsichtig/37789/1 "2016-06-29T12:32:25Z")

</div>

Hallo Community,

ich muss heute leider mal den Schritt wagen und an euch herantretten, da ich selbst mit meinen selbst angeeigneten wissenstand&nbsp;nicht mehr weiterkomme.  
Ich hoffe sehr, ihr könnt mir helfen.

Es geht darum das ich den Headerbereich durchsicht, bzw mit einer opacity von 0.65 belegen möchte, was ich soweit auch schon geschafft habe.  
Siehe:&nbsp;[http://www.bilder-upload.eu/show.php?file=ecd659-1467202680.png](http://www.bilder-upload.eu/show.php?file=ecd659-1467202680.png)

Dazu habe ich einfach in der \_“Header.less” die&nbsp;.header-main&nbsp;\_mit einem weißen Hintergrund mit 65% Hochgeladen.

_&nbsp; .header-main {  
&nbsp; background-image: url("usw_  
&nbsp;

Leider ist es eben so, wie man leicht erkennt das im top-bar und&nbsp;container header–navigation nach wie vor sich weiß überlegt.  
Wenn ich jetzt aus der "_\themes\Frontend\Responsive\frontend\_public\src\less\_components"_ -\> “container.less” “background: #fff;” raus nehme. verschwindent nachtürlich alles weiße und der Header ist wie er sein soll… leider ist auch im unteren bereich komplett alles weiße weg, was wieder nicht sein soll.

Siehe:&nbsp;[http://www.bilder-upload.eu/show.php?file=243709-1467203078.png](http://www.bilder-upload.eu/show.php?file=243709-1467203078.png)

Ich weiß auch das ich einen neune Container wahrscheinlich für den Header anlegen muss was ich unter\_&nbsp;“\themes\Frontend\Responsive\frontend\_public\src\less\_components”\_ -\> **&nbsp;"** _container-2.less"_ auch getan habe und dort hab ich _“background: #fff;”_ raus genommen.  
Nun weiß ich leider absolut nicht, wie und wo ich “container-2.less” dem Header zuordnen kann.

Ich hoffe ich hab es soweit ganz gut erklärt.

Liebe Grüße  
Sascha

&nbsp;

---

<div class="post-metadata">

**Author:** ![steinsoftware](https://avatars.discourse-cdn.com/v4/letter/s/b487fb/32.png) [@steinsoftware](https://forum.shopware.com/u/steinsoftware)\
**Post date:** [29. Juni 2016 um 15:02 UTC](https://forum.shopware.com/t/headerbereich-durchsichtig/37789/2 "2016-06-29T15:02:45Z")

</div>

selektier doch einfach auf den container den du haben willst.

sowas wie:

```
.top-bar.container{background: none;}

```

oder so ähnlich dann eben