# Button Schriftfarbe ändern

**URL:** https://forum.shopware.com/t/button-schriftfarbe-andern/66757
**Category:** Themes & Design
**Created:** [6. Mai 2020 um 08:56 UTC](https://forum.shopware.com/t/button-schriftfarbe-andern/66757 "2020-05-06T08:56:44Z")
**Posts on this page:** 3
**Page:** 1

<div class="post-metadata">

### Author: ![HenkEvans](https://avatars.discourse-cdn.com/v4/letter/h/fbc32d/32.png) [@HenkEvans](https://forum.shopware.com/u/HenkEvans)
#### Post date: [6. Mai 2020 um 08:56 UTC](https://forum.shopware.com/t/button-schriftfarbe-andern/66757/1 "2020-05-06T08:56:44Z")

</div>

Hallo, ich kann die Schriftfarbe in meinem neu erstellten Button nicht ändern.

Ich habe einen neuen Button „Gratis Muster bestellen“ unterhalb der 3 Original-Shopware-Button erstellt:

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

&nbsp;

Dazu habe ich die mytheme/widgets/checkout/info.tpl wie folgt geschrieben:

```
{extends file="parent:widgets/checkout/info.tpl"}

{* Notepad entry *}
{block name="frontend_index_checkout_actions_notepad"}
{$smarty.block.parent}
{/block}

{* My account entry *}
{block name="frontend_index_checkout_actions_my_options"}
{$smarty.block.parent}
{/block}

{* Cart entry *}
{block name="frontend_index_checkout_actions_cart"}
{$smarty.block.parent}
 GRATIS MUSTER BESTELLEN
{/block}

```

Dann habe ich die mytheme/frontend/\_public/src/less/\_components/buttons.less wie folgt geschrieben:

```
.cta {
     /** color: @btn-primary-text-color;*/
     color: blue;
    .unitize(18);
    .unitize-margin(10, 0, 0, 0);
    border: 0 none;
    background: @highlight-notice;
    text-align: center;
    font-weight: 700;
       
       
    &:hover {
    background: @highlight-notice;
    border: 1px solid @btn-default-border-color;
    color: @btn-default-text-color;
    }
    
       /** spezieller Button: "Gratis Muster bestellen" im Header */
    &.cta-header {
         width: 18.5rem;
    }
    
}

```

Eigentlich sollte ja in der less-Datei mit „color: blue;“ die Schriftfarbe auf blau geändert werden. Das tut sie aber nicht. Alle in der less-Datei formulierten Eigenschaften wirken sich sehr schön auf den neuen Button aus. Nur die Schriftfarbe nicht.

Woran kann das liegen? Kann jemand helfen? Vielen Dank im Voraus.

---

<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: [6. Mai 2020 um 09:05 UTC](https://forum.shopware.com/t/button-schriftfarbe-andern/66757/2 "2020-05-06T09:05:42Z")

</div>

Vermutlich wird die Farbe durch die Klasse „btn“ oder dem a-Tag schon definiert. Vielleicht mal so testen:

```
.cta {
  a { color: blue; }
}

```

&nbsp;

---

<div class="post-metadata">

### Author: ![HenkEvans](https://avatars.discourse-cdn.com/v4/letter/h/fbc32d/32.png) [@HenkEvans](https://forum.shopware.com/u/HenkEvans)
#### Post date: [6. Mai 2020 um 09:21 UTC](https://forum.shopware.com/t/button-schriftfarbe-andern/66757/3 "2020-05-06T09:21:59Z")

</div>

Das war die ersehnte Hilfe.&nbsp; ![Thumb-Up](https://europe1.discourse-cdn.com/flex013/uploads/shopware/original/1X/7fcda44f782696668a3d093569d15e88105769e1.png "Thumb-Up") Vielen Dank. ![Smile](https://europe1.discourse-cdn.com/flex013/uploads/shopware/original/1X/bac5f5766b6a20565a8fb995345b4e41d24daac0.png "Smile")
