# Advanced Menu Container Farbe ändern

**URL:** <https://forum.shopware.com/t/advanced-menu-container-farbe-andern/37275>\
**Category:** Themes & Design\
**Created:** [7. Juni 2016 um 02:22 UTC](https://forum.shopware.com/t/advanced-menu-container-farbe-andern/37275 "2016-06-07T02:22:20Z")\
**Posts on this page:** 8\
**Page:** 1

<div class="post-metadata">

**Author:** ![malakiras](https://avatars.discourse-cdn.com/v4/letter/m/90db22/32.png) [@malakiras](https://forum.shopware.com/u/malakiras)\
**Post date:** [7. Juni 2016 um 02:22 UTC](https://forum.shopware.com/t/advanced-menu-container-farbe-andern/37275/1 "2016-06-07T02:22:20Z")

</div>

Hallo

Ich habe in der Advanced Menu vor den&nbsp;.button-container zu ändern ( Background ).

Allerdings kann ich alles ändern nur den Background nicht. Alles andere funktioniert auch im Endeffekt im Frontend aber der Background nicht.

Was mach ich falsch?

.button-container {  
&nbsp; &nbsp; &nbsp; &nbsp; .unitize(font-size, 16);  
&nbsp; &nbsp; &nbsp; &nbsp; .unitize-padding(20, 30, 20, 0);  
&nbsp; &nbsp; &nbsp; &nbsp; **background: #024895;**  
&nbsp; &nbsp; &nbsp; &nbsp; color: #fff;  
&nbsp; &nbsp; &nbsp; &nbsp; font-weight: bold;

&nbsp; &nbsp; &nbsp; &nbsp; .button–category {  
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; .unitize-padding(20, 50);  
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; .transition(padding .1s ease);  
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; color: #fff;  
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; position: relative;

&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &:hover {  
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; .unitize-padding(20, 50, 20, 55);  
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; }  
&nbsp; &nbsp; &nbsp; &nbsp; }

&nbsp; &nbsp; &nbsp; &nbsp; .icon–arrow-right {  
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; .unitize(font-size, 12);  
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; .unitize(-6, 16, margin-top);  
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; position: absolute;  
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; top: 50%;  
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; .unitize(right, 30);  
&nbsp; &nbsp; &nbsp; &nbsp; }

&nbsp;

Beste Grüße und danke im voraus

&nbsp;

---

<div class="post-metadata">

**Author:** ![mac](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/mac/32/7855_2.png) [@mac](https://forum.shopware.com/u/mac)\
**Post date:** [7. Juni 2016 um 05:36 UTC](https://forum.shopware.com/t/advanced-menu-container-farbe-andern/37275/2 "2016-06-07T05:36:53Z")

</div>

Hallo,

die Wertigkeit deiner Anpassung ist zu gering und wird nicht berücksichtigt. Setz mal ein „.advanced-menu“ davor:

```
.advanced-menu .button-container {
  background: #666;
}

```

Gruß Marco - [100% Shopware Freelancer](https://www.reihe0.de "Shopware Freelancer für Templats, Programmierung, Update und Plugins")

---

<div class="post-metadata">

**Author:** ![hds](https://avatars.discourse-cdn.com/v4/letter/h/bb73d2/32.png) [@hds](https://forum.shopware.com/u/hds)\
**Post date:** [7. Juni 2016 um 05:37 UTC](https://forum.shopware.com/t/advanced-menu-container-farbe-andern/37275/3 "2016-06-07T05:37:47Z")

</div>

Warum nutzen du denn nicht die DevTools von Chrome oder Firebug von Firefox, im Backend unter Theme Manager unter einstellung Css Kopiler&nbsp;aktiviren. Dann kannst du doch &nbsp;im Frontend und &nbsp;( F12 &nbsp;drücken ), &nbsp;genau sehen&nbsp;wo du was anpassen musst. In deinem Fall ist es die advanced-menu.less die du anpassen musst, dein Theme unter less/components eine neue Datei anlegen als advanced-menu.less und natürlich in deiner all.less nicht vergessen diese zu hinterlegen. ( .advanced-menu . button-Container 《 deine änderung 》)

VG Zeljko

---

<div class="post-metadata">

**Author:** ![malakiras](https://avatars.discourse-cdn.com/v4/letter/m/90db22/32.png) [@malakiras](https://forum.shopware.com/u/malakiras)\
**Post date:** [7. Juni 2016 um 12:11 UTC](https://forum.shopware.com/t/advanced-menu-container-farbe-andern/37275/4 "2016-06-07T12:11:50Z")

</div>

> [@mac schrieb:](https://forum.shopware.com/profile/729/mac "mac")
> 
> Hallo,
> 
> die Wertigkeit deiner Anpassung ist zu gering und wird nicht berücksichtigt. Setz mal ein „.advanced-menu“ davor:
> 
> .advanced-menu .button-container {  
> background: #666;  
> }
> 
> Gruß Marco - [100% Shopware Freelancer](https://www.reihe0.de "Shopware Freelancer für Templats, Programmierung, Update und Plugins")
> 
> &nbsp;

Hat leider nicht funktioniert.

Er ändert mir zwar etwas aber nicht so wie ich es haben will, die schriftfarbe wird dann komisch und auch nicht mehr in Bold angezeigt.&nbsp;

---

<div class="post-metadata">

**Author:** ![mac](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/mac/32/7855_2.png) [@mac](https://forum.shopware.com/u/mac)\
**Post date:** [7. Juni 2016 um 13:48 UTC](https://forum.shopware.com/t/advanced-menu-container-farbe-andern/37275/5 "2016-06-07T13:48:36Z")

</div>

Die Schrift ändert sich, wenn du den Hintergrund anpasst? Dann stimmt etwas anderes nicht. In deinem Beispiel oben fehlt die letzte schließende Klammer. Die ist bei dir vorhanden? Wie lautet dein aktueller Code?

Gruß Marco

---

<div class="post-metadata">

**Author:** ![malakiras](https://avatars.discourse-cdn.com/v4/letter/m/90db22/32.png) [@malakiras](https://forum.shopware.com/u/malakiras)\
**Post date:** [8. Juni 2016 um 23:16 UTC](https://forum.shopware.com/t/advanced-menu-container-farbe-andern/37275/6 "2016-06-08T23:16:35Z")

</div>

Hat sich erledigt danke dir trotzdem ! 🙂

---

<div class="post-metadata">

**Author:** ![hec](https://avatars.discourse-cdn.com/v4/letter/h/e274bd/32.png) [@hec](https://forum.shopware.com/u/hec)\
**Post date:** [9. Juni 2016 um 11:28 UTC](https://forum.shopware.com/t/advanced-menu-container-farbe-andern/37275/7 "2016-06-09T11:28:05Z")

</div>

Hallo,

wenn es dir nur um die Änderung der Hintergrundfarbe des Advanced Menus geht, kannst du auch einfach nur in deiner LESS-Datei die Variable für die Hintergrundfarbe überschreiben.

Vgl. [http://forum.shopware.com/discussion/comment/163003/#Comment\_163003](http://forum.shopware.com/discussion/comment/163003/#Comment_163003)

Grüße,  
Sven

&nbsp;

---

<div class="post-metadata">

**Author:** ![Hipster](https://avatars.discourse-cdn.com/v4/letter/h/e36b37/32.png) [@Hipster](https://forum.shopware.com/u/Hipster)\
**Post date:** [23. September 2016 um 09:26 UTC](https://forum.shopware.com/t/advanced-menu-container-farbe-andern/37275/8 "2016-09-23T09:26:54Z")

</div>

> [@hec schrieb:](https://forum.shopware.com/profile/18201/hec "hec")
> 
> wenn es dir nur um die Änderung der Hintergrundfarbe des Advanced Menus geht, kannst du auch einfach nur in deiner LESS-Datei die Variable für die Hintergrundfarbe überschreiben.

Hallo Sven,  
nochmal eine Frage dazu: Ich verstehe das nicht ganz. In welcher Less-Datei soll man das dann wie eintragen? Ich habe eine advanced-menu.less Datei angelegt, ist das der richtige Ort dafür? Und wie schreibe ich das rein? Weil ich kannte solche Befehle mit „@“ vorher nicht.

Schreibe ich da einfach in die oberste Zeile der Less-Datei zum Beispiel:

```
@adv-menu-header-bg: #000;

```

(Das Problem ist nämlich, dass vom Advanced Menü manche Befehle aus meiner selbst erstellen advanced-menu.less ignoriert werden, warum auch immer. Manche funktionieren aber. Jetzt habe ich als letzte Lösung für die Befehle, die leider nicht übernommen werden, die Original Datei aus dem Plugin überschrieben, was aber beim nächsten Update wahrscheinlich wieder gelöscht wird. Das mit dem „@“ Befehl könnte aber noch mal ein Versuch wert sein, das besser zu machen.)
