# Hintergrundfarbe einer Schaltfläche ändern (Produktinformationen)

**URL:** <https://forum.shopware.com/t/hintergrundfarbe-einer-schaltflache-andern-produktinformationen/64419>\
**Category:** Themes & Design\
**Created:** [2. Februar 2020 um 12:21 UTC](https://forum.shopware.com/t/hintergrundfarbe-einer-schaltflache-andern-produktinformationen/64419 "2020-02-02T12:21:16Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![anon2744023](https://avatars.discourse-cdn.com/v4/letter/a/7ba0ec/32.png) [@anon2744023](https://forum.shopware.com/u/anon2744023)\
**Post date:** [2. Februar 2020 um 12:21 UTC](https://forum.shopware.com/t/hintergrundfarbe-einer-schaltflache-andern-produktinformationen/64419/1 "2020-02-02T12:21:16Z")

</div>

Hallo,

wo im Backend kann ich die Farbe der aktuell grauen Schaltfläche (siehe folgender Screenshot und [Link](https://shop.roede-technik.com/motor-additive/1/ep2000-motor-additiv?c=9)) ändern?

![](https://www.bilder-upload.eu/upload/0ae39a-1580646055.png) ![](https://www.bilder-upload.eu/upload/0b0ddf-1580646280.png)

Vielen Dank für eure Unterstützung.

Viele Grüße  
Stefan

---

<div class="post-metadata">

**Author:** ![anon2744023](https://avatars.discourse-cdn.com/v4/letter/a/7ba0ec/32.png) [@anon2744023](https://forum.shopware.com/u/anon2744023)\
**Post date:** [12. Februar 2020 um 18:44 UTC](https://forum.shopware.com/t/hintergrundfarbe-einer-schaltflache-andern-produktinformationen/64419/2 "2020-02-12T18:44:42Z")

</div>

**Push**

---

<div class="post-metadata">

**Author:** ![sschreier](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/sschreier/32/23296_2.png) [@sschreier](https://forum.shopware.com/u/sschreier)\
**Post date:** [12. Februar 2020 um 21:18 UTC](https://forum.shopware.com/t/hintergrundfarbe-einer-schaltflache-andern-produktinformationen/64419/3 "2020-02-12T21:18:07Z")

</div>

Hallo,

der Bereich hat eigentlich auch keine Hintergrundfarbe, deshalb kannst du diese logischerweise auch nicht im Backend beeinflussen, siehe&nbsp;[http://shyim.shopwaredemo.de/elastic-muetze-153?number=SW10153](http://shyim.shopwaredemo.de/elastic-muetze-153?number=SW10153)&nbsp;.

Die jetzige Anpassung stammt also entweder aus deinem eingesetzten Drittanbieter -&nbsp;Theme oder einem Plugin. Die Frage kann dir also im Prinzip auch nur der Hersteller des Drittanbieter - Themes beantworten.

Solch eine Anpassung kannst du aber auch problemlos im eigenen Theme über CSS / LESS machen:&nbsp;[https://developers.shopware.com/designers-guide/less/#using-less-in-your-theme](https://developers.shopware.com/designers-guide/less/#using-less-in-your-theme)&nbsp;.  
Grüße

Sebastian

---

<div class="post-metadata">

**Author:** ![Brittany](https://avatars.discourse-cdn.com/v4/letter/b/a183cd/32.png) [@Brittany](https://forum.shopware.com/u/Brittany)\
**Post date:** [19. Februar 2020 um 08:55 UTC](https://forum.shopware.com/t/hintergrundfarbe-einer-schaltflache-andern-produktinformationen/64419/4 "2020-02-19T08:55:23Z")

</div>

1. Type \< **button** &nbsp;in the body of you HTML. …
2. Type style= after " **button**" in your&nbsp; **button** &nbsp;tag. …
3. Add a quotation mark (") after the equals (=) sign. …
4. Type&nbsp; **background** - **color** : in the quatation marks after „style=“. …
5. Type a semi-colon (😉 after the&nbsp;**background color&nbsp;[visit myprepaidcenter](https://www.myprepaidcenter.pro)**. …
6. Type border- **color** : in the quatation marks after „style=“.

---

<div class="post-metadata">

**Author:** ![R4M](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/r4m/32/9983_2.png) [@R4M](https://forum.shopware.com/u/R4M)\
**Post date:** [19. Februar 2020 um 08:58 UTC](https://forum.shopware.com/t/hintergrundfarbe-einer-schaltflache-andern-produktinformationen/64419/5 "2020-02-19T08:58:53Z")

</div>

> [@Brittany schrieb:](https://forum.shopware.com/profile/34201/Brittany "Brittany")
> 
> 1. Type \< **button&nbsp;in the body of you HTML. …**
> 2. Type style= after " **button**" in your&nbsp; **button** &nbsp;tag. …
> 3. Add a quotation mark (") after the equals (=) sign. …
> 4. Type&nbsp; **background** - **color** : in the quatation marks after „style=“. …
> 5. Type a semi-colon (😉 after the&nbsp; **background color**. …
> 6. Type border- **color** : in the quatation marks after „style=“.

???&nbsp;

---

<div class="post-metadata">

**Author:** ![Murmeltier](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/murmeltier/32/16126_2.png) [@Murmeltier](https://forum.shopware.com/u/Murmeltier)\
**Post date:** [19. Februar 2020 um 12:00 UTC](https://forum.shopware.com/t/hintergrundfarbe-einer-schaltflache-andern-produktinformationen/64419/6 "2020-02-19T12:00:11Z")

</div>

```
.content.product--details div.tab-menu--product.js--tab-menu div.tab--navigation a.tab--link.has--content.is--active {background: red;}

```

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