# Cookie Consent Tool, Button Farbe anpassen

**URL:** <https://forum.shopware.com/t/cookie-consent-tool-button-farbe-anpassen/70395>\
**Category:** Allgemein\
**Created:** [22. Oktober 2020 um 17:43 UTC](https://forum.shopware.com/t/cookie-consent-tool-button-farbe-anpassen/70395 "2020-10-22T17:43:52Z")\
**Posts on this page:** 10\
**Page:** 1

<div class="post-metadata">

**Author:** ![DD1977](https://avatars.discourse-cdn.com/v4/letter/d/13edae/32.png) [@DD1977](https://forum.shopware.com/u/DD1977)\
**Post date:** [22. Oktober 2020 um 17:43 UTC](https://forum.shopware.com/t/cookie-consent-tool-button-farbe-anpassen/70395/1 "2020-10-22T17:43:52Z")

</div>

Hallo,

&nbsp;

ich würde genre den Button “Alle Akzeptieren” Grün Hinterlegen damit er sich zu dem Rot von Konfigurieren besser absetzt.

&nbsp;

Leider finde ich nicht wo man das machen kann, kann mir da wer vielleicht weiterhelfen.

&nbsp;

Vielen Dank

Dietmar Dala

---

<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:** [22. Oktober 2020 um 20:50 UTC](https://forum.shopware.com/t/cookie-consent-tool-button-farbe-anpassen/70395/2 "2020-10-22T20:50:28Z")

</div>

Hallo

ein wenig stylen, fertig!

```
.cookie-permission--accept-button.btn.is--large.is--center {
    background: deine Farbe;
    color: soforn du eine andere Farbe haben möctest;
}

```

VG

---

<div class="post-metadata">

**Author:** ![DD1977](https://avatars.discourse-cdn.com/v4/letter/d/13edae/32.png) [@DD1977](https://forum.shopware.com/u/DD1977)\
**Post date:** [22. Oktober 2020 um 20:59 UTC](https://forum.shopware.com/t/cookie-consent-tool-button-farbe-anpassen/70395/3 "2020-10-22T20:59:44Z")

</div>

Danke für deine schnelle Antwort.

Wo genau muss ich das einfügen ? und dann müsste ich das nach jedem Update machen oder?

---

<div class="post-metadata">

**Author:** ![SmartStylez](https://avatars.discourse-cdn.com/v4/letter/s/a88e4f/32.png) [@SmartStylez](https://forum.shopware.com/u/SmartStylez)\
**Post date:** [22. Oktober 2020 um 21:24 UTC](https://forum.shopware.com/t/cookie-consent-tool-button-farbe-anpassen/70395/4 "2020-10-22T21:24:05Z")

</div>

Nein, das musst du natürlich nicht jedes&nbsp; mal&nbsp;machen. Du änderst das entsprechend in der Datei deines Themes ab&nbsp;und “überschreibst” damit quasi die Stelle im Original.

---

<div class="post-metadata">

**Author:** ![PeterEtz17](https://avatars.discourse-cdn.com/v4/letter/p/e47774/32.png) [@PeterEtz17](https://forum.shopware.com/u/PeterEtz17)\
**Post date:** [3. März 2021 um 09:18 UTC](https://forum.shopware.com/t/cookie-consent-tool-button-farbe-anpassen/70395/5 "2021-03-03T09:18:29Z")

</div>

Hi SmartStylez, kannst Du mir verraten wo ich die Datei finde in der ich das ändern kann? Ich weiß zwar was ich ändern muss aber leider nicht wo.  
Peter

---

<div class="post-metadata">

**Author:** ![PeterEtz17](https://avatars.discourse-cdn.com/v4/letter/p/e47774/32.png) [@PeterEtz17](https://forum.shopware.com/u/PeterEtz17)\
**Post date:** [3. März 2021 um 09:20 UTC](https://forum.shopware.com/t/cookie-consent-tool-button-farbe-anpassen/70395/6 "2021-03-03T09:20:38Z")

</div>

HI DD1977, hast Du das inzwischen (und wenn ja wo genau, in welcher Datei ist das? ) hinbekommen? Ich möchte auch die Farben ändern und würde es über is–primary lösen, ich finde immer nicht die Dateien die ich ändern bzw. überschreiben muss.  
Peter

---

<div class="post-metadata">

**Author:** ![SmartStylez](https://avatars.discourse-cdn.com/v4/letter/s/a88e4f/32.png) [@SmartStylez](https://forum.shopware.com/u/SmartStylez)\
**Post date:** [3. März 2021 um 11:26 UTC](https://forum.shopware.com/t/cookie-consent-tool-button-farbe-anpassen/70395/7 "2021-03-03T11:26:33Z")

</div>

Du findest die benötigte Datei unter frontend/\_includes/cookie\_permission\_note.tpl.

---

<div class="post-metadata">

**Author:** ![PeterEtz17](https://avatars.discourse-cdn.com/v4/letter/p/e47774/32.png) [@PeterEtz17](https://forum.shopware.com/u/PeterEtz17)\
**Post date:** [3. März 2021 um 16:52 UTC](https://forum.shopware.com/t/cookie-consent-tool-button-farbe-anpassen/70395/8 "2021-03-03T16:52:02Z")

</div>

Danke für die schnelle Antwort. da muss ich aber mit einer datei in meinem theme und extend arbeiten denke ich. Kann ich dort den kompletten Block reinkopieren und die zeile mit background und color erweitern so wie von Dir oben geschrieben?  
Edit:  
ich arbeite weiter daran, irgendwann kapier ich es, danke allen

---

<div class="post-metadata">

**Author:** ![fixxtech](https://avatars.discourse-cdn.com/v4/letter/f/54ee81/32.png) [@fixxtech](https://forum.shopware.com/u/fixxtech)\
**Post date:** [3. März 2021 um 19:00 UTC](https://forum.shopware.com/t/cookie-consent-tool-button-farbe-anpassen/70395/9 "2021-03-03T19:00:37Z")

</div>

Es kommt drauf an wie Umfangreich du deinen Shop anpassen willst, schau dir doch den Aufbau des Responsive Theme an. So wie hds das geschrieben hat funktioniert das gut, dafür legt du dir die cookie-permisson.less mit den oben gannten Besipiel an, diese legst du in den Ordner \_modules ab. Im Ordner \_modules kommt folgendes rein @import „\_modules/cookie-permisson“;  
Dann noch die all.less mit folgende Inhalt @import „modules“;  
So behälts du den Aufbau des Responsive Theme bei und alles müsste Update sicher sein.

VG

---

<div class="post-metadata">

**Author:** ![SmartStylez](https://avatars.discourse-cdn.com/v4/letter/s/a88e4f/32.png) [@SmartStylez](https://forum.shopware.com/u/SmartStylez)\
**Post date:** [3. März 2021 um 20:48 UTC](https://forum.shopware.com/t/cookie-consent-tool-button-farbe-anpassen/70395/10 "2021-03-03T20:48:37Z")

</div>

Bei uns sieht es wie folgt aus:

{extends file=„parent:frontend/\_includes/cookie\_permission\_note.tpl“}

{namespace name=„frontend/cookiepermission/index“}

{block name=„cookie\_permission\_accept\_button\_fixed“}  
{if {config name=„cookie\_note\_mode“} == 1}  
{if {config name=„cookie\_show\_button“}}  
  
{s name=„cookiePermission/acceptAll“}{/s}  
   
{/if}

```
      <a href="#" class="cookie-permission--configure-button btn is--large is--center" data-openConsentManager="true">
           {s name="cookiePermission/configure"}{/s}
      </a>
 {else}
      <a href="#" class="cookie-permission--accept-button btn is--primary is--large is--center">
           {s name="cookiePermission/buttonText"}{/s}
      </a>
 {/if}

```

{/block}
