# CSS Code für Service Leiste

**URL:** <https://forum.shopware.com/t/css-code-fur-service-leiste/37229>\
**Category:** Themes & Design\
**Created:** [4. Juni 2016 um 09:27 UTC](https://forum.shopware.com/t/css-code-fur-service-leiste/37229 "2016-06-04T09:27:37Z")\
**Posts on this page:** 8\
**Page:** 1

<div class="post-metadata">

**Author:** ![AEON](https://avatars.discourse-cdn.com/v4/letter/a/57b2e6/32.png) [@AEON](https://forum.shopware.com/u/AEON)\
**Post date:** [4. Juni 2016 um 09:27 UTC](https://forum.shopware.com/t/css-code-fur-service-leiste/37229/1 "2016-06-04T09:27:37Z")

</div>

Hallo,

ich finde leider nicht den passenden Code, wo ich den rot markierten Bereich ändern kann in eine andere Farbe. Wenn ich “.container” verändere, wird leider auch die Hintergrundfarbe von einem anderen Bereich geändert, ich möchte aber nur den Balken farblich verändern. Wie kann außerdem den grün eingefärbten Bereich entfernen? Dieser ist komischerweise nur auf der Startseite.

Die Homepageadresse ist [www.aeon-shisha.com](http://www.aeon-shisha.com)

 ![](https://europe1.discourse-cdn.com/flex013/uploads/shopware/original/2X/4/4493080521bc343afdf5fd593d8cae271ee4bd59.jpeg)

CSS Anpassungen mache ich alle mit dem Plugin “Custom CSS”, ist das so ok oder soll ich ein anderes Theme erstellen und da die .less Dateien enden?

---

<div class="post-metadata">

**Author:** ![NextMike](https://avatars.discourse-cdn.com/v4/letter/n/838e76/32.png) [@NextMike](https://forum.shopware.com/u/NextMike)\
**Post date:** [4. Juni 2016 um 09:51 UTC](https://forum.shopware.com/t/css-code-fur-service-leiste/37229/2 "2016-06-04T09:51:22Z")

</div>

Viele Wege führen nach Rom. Hattest du den Screenshot vergessen?

---

<div class="post-metadata">

**Author:** ![AEON](https://avatars.discourse-cdn.com/v4/letter/a/57b2e6/32.png) [@AEON](https://forum.shopware.com/u/AEON)\
**Post date:** [4. Juni 2016 um 09:54 UTC](https://forum.shopware.com/t/css-code-fur-service-leiste/37229/3 "2016-06-04T09:54:19Z")

</div>

Ja, ist jetzt aktualisiert. Hat jemand einen Lösungsvorschlag?

---

<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:** [6. Juni 2016 um 07:03 UTC](https://forum.shopware.com/t/css-code-fur-service-leiste/37229/4 "2016-06-06T07:03:06Z")

</div>

Im Firefox über Firebug oder in Chrome über Developer Tools (F12).

Dort gibt es eine Funktion mit der man Webseiten-Elemente untersuchen kann. Wenn du im Theme-Manager die Source Map generieren lässt kannst du dir unter Chrome die jeweiligen Styles die auf das zu untersuchende Element angewendet werden anzeigen lassen und diese dann in deinem eigenen Theme und deiner eigenen \*.less anpassen.

---

<div class="post-metadata">

**Author:** ![AEON](https://avatars.discourse-cdn.com/v4/letter/a/57b2e6/32.png) [@AEON](https://forum.shopware.com/u/AEON)\
**Post date:** [7. Juni 2016 um 05:44 UTC](https://forum.shopware.com/t/css-code-fur-service-leiste/37229/5 "2016-06-07T05:44:29Z")

</div>

Hallo steinsoftware,

das mache ich schon die ganze Zeit. Habe auch schon viele Anpassungen gemacht, aber es gibt kein Element, welches nur diese Service/Hilfe Leiste oben anspricht anscheinend im Flat Responsive Theme von 8mylez oder auch dem Standart Theme Responsive. Oder hat jemand eine Idee?

---

<div class="post-metadata">

**Author:** ![NextMike](https://avatars.discourse-cdn.com/v4/letter/n/838e76/32.png) [@NextMike](https://forum.shopware.com/u/NextMike)\
**Post date:** [7. Juni 2016 um 08:18 UTC](https://forum.shopware.com/t/css-code-fur-service-leiste/37229/6 "2016-06-07T08:18:27Z")

</div>

Du hast Recht es gibt keine spezielle Klasse für die Top-Navi. Sie wird allgemein wie folgt gestyled:

```
Die Klasse container ist #fff im Standard. Müsstest bwps. also bspw. dem DIV eine neue Klasse mit #000 zuweisen.
```

---

<div class="post-metadata">

**Author:** ![AEON](https://avatars.discourse-cdn.com/v4/letter/a/57b2e6/32.png) [@AEON](https://forum.shopware.com/u/AEON)\
**Post date:** [7. Juni 2016 um 08:23 UTC](https://forum.shopware.com/t/css-code-fur-service-leiste/37229/7 "2016-06-07T08:23:15Z")

</div>

Kenne mich leider nicht sooo gut mit CSS aus. Wo kann ich dem denn eine neue Klasse geben?

---

<div class="post-metadata">

**Author:** ![NextMike](https://avatars.discourse-cdn.com/v4/letter/n/838e76/32.png) [@NextMike](https://forum.shopware.com/u/NextMike)\
**Post date:** [8. Juni 2016 um 13:14 UTC](https://forum.shopware.com/t/css-code-fur-service-leiste/37229/8 "2016-06-08T13:14:03Z")

</div>

–\>&nbsp;[Getting started with Shopware templating](https://developers.shopware.com/designers-guide/getting-started/)

&nbsp;