Button Schriftfarbe ändern

Shopware 5 Themes & Design
1

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:

 

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.

2

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

.cta {
  a { color: blue; }
}

 

1 „Gefällt mir“
3

Das war die ersehnte Hilfe.  Thumb-Up Vielen Dank. Smile