# Navigations background transparent

**URL:** <https://forum.shopware.com/t/navigations-background-transparent/33137>\
**Category:** Themes & Design\
**Created:** [20. Dezember 2015 um 20:28 UTC](https://forum.shopware.com/t/navigations-background-transparent/33137 "2015-12-20T20:28:10Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![Patrick\_Duke](https://avatars.discourse-cdn.com/v4/letter/p/b3f665/32.png) [@Patrick\_Duke](https://forum.shopware.com/u/Patrick_Duke)\
**Post date:** [20. Dezember 2015 um 20:28 UTC](https://forum.shopware.com/t/navigations-background-transparent/33137/1 "2015-12-20T20:28:10Z")

</div>

Hi Leute, weiß wer in welchem File der Farbcode für den Hintergrund der Navileiste versteckt ist? Lt Firebug könnte es dies sein. Wenn ich hier background color eingeben hab ich das Ergebnis. ABER… in welchem File? Und das Ganze sollte noch transparent sein. Firebug nimmt mir die Farbe, aber kein „transparent“ !? `.navigation-main .navigation--list { background-color: black; margin: 0; padding: 0rem 0.625rem; position: relative; white-space: nowrap;`

---

<div class="post-metadata">

**Author:** ![trixx](https://avatars.discourse-cdn.com/v4/letter/t/b5e925/32.png) [@trixx](https://forum.shopware.com/u/trixx)\
**Post date:** [20. Dezember 2015 um 20:57 UTC](https://forum.shopware.com/t/navigations-background-transparent/33137/2 "2015-12-20T20:57:42Z")

</div>

Hi, für transparent musst du z.B opacity: 0.5; für eine Transparenz von 50% eintragen. Je höher der Wert desto weniger Transparenz und andersrum. File weiß ich gerade nicht, sollte Dir Firebug aber auch anzeigen. Die Änderung solltest du aber in Deiner eigenen .less ändern bzw. eine. less dafür anlegen, z.B. navigation.less. Gruß Gesendet von meinem MX4 mit Tapatalk

---

<div class="post-metadata">

**Author:** ![brettvormkopp](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/brettvormkopp/32/7788_2.png) [@brettvormkopp](https://forum.shopware.com/u/brettvormkopp)\
**Post date:** [20. Dezember 2015 um 23:02 UTC](https://forum.shopware.com/t/navigations-background-transparent/33137/3 "2015-12-20T23:02:56Z")

</div>

steckt in: `theme/Frontend/Responsive/frontend/\_public/src/less/\_modules/main-navigation.less`
