Neu Schriftfarbe der Bestseller-Schleife (Ribbon) ändern im NOVA-Template - WIE?

[karl_der_grosse]

Hallo Leute,
könnte mir bitte jemand einen Tipp geben zu o.a. Problem?
Ich habe die Hintergrundfarbe des Bestseller-Ribbon bereits erfolgreich geändert, indem ich in der _variables.scss des NOVA-Templates das Folgende eingetragen habe:

//BESTSELLER, 1
$ribbon-bg-1:                       #5cbcf6 !default; //hellblau

Aber egal wo ich die Schriftfarbe ($ribbon-color-1: #fff !default; ) auch einbaue, sie bleibt schwarz. Ich hatte es in _variables.scss und in my-nova_crit.scss eingebaut, CACHE gelöscht aber keine Änderung.

Danke für einen Tipp.

Hier mal der Link zur Seite, wo das Problem zu sehen ist: https://hair-trends.de/shop/Styling

 

[MHillmann]

Hallo,

du hast Recht, die $ribbon-color-x wird nicht genutzt. Es wird automatisch eine Kontrastfarbe genommen (siehe themes/base/sass/components/_ribboon.scss

@each $color, $value in $ribbon-bg-colors {
  .ribbon-#{$color} {
    background-color: $value;
    color: color-yiq($value);
    &::before {
      border-right-color: darken($value, 6%);
    }
  }
}

Das ist auf jeden Fall verwirrend, da mache ich mal ein Ticket auf.

2 Möglichkeiten um jetzt direkt die Schriftfarbe zu ändern:
Füge in die my-nova.scss (oder in die crit) folgendes ein:

@each $color, $value in $ribbon-colors {
  .ribbon-#{$color} {
    color: $value;
  }
}

oder per direkter CSS-Anweisung:
https://guide.jtl-software.de/jtl-shop/optik/artikel-sticker-anpassen/#beispiel-fuer-css-anweisung

Viele Grüße
Michael

 

[karl_der_grosse]

Hallo Michael,
ich habe jetzt in beide Dateien (my-nova.scss und die crit) jeweils den Code eingebaut - aber leider keinerlei Änderung. Immer noch dunkelgraue Schrift.