Neu Animations Balken im Nova Template Farbe ändern

Fries

Gut bekanntes Mitglied
26. August 2021
302
15
Hallo,

habe im NOVA Template im Header Menu einen gelben animations-Balken beim Hovern. Ich finde leider nicht die Stelle, wo ich diesen farblich anpassen kann im Theme editor.

Danke schonmal
 

MHillmann

Moderator
Mitarbeiter
11. Oktober 2018
1.315
449
Hallo,

dieser Balken wird durch die Primärfarbe bestimmt. Wenn du also allgemein das Gelb ändern möchtest, kannst du dieser Anleitung folgen:
https://jtl-devguide.readthedocs.io/projects/jtl-shop/de/latest/shop_templates/primary_color.html
Das wäre wahrscheinlich am Stimmigsten.

Du könntest nach gleichem Muster wie beim Ändern der Primärfarbe auch Folgendes machen:
CSS:
$nav-tabs-link-active-border-color: pink;
Das ändert die Farbe der Balken im Header und die Farbe der Balken in den Tabs in den Artikeldetails.

Wenn du wirklich nur die Balken im Megamenü ändern möchtest, z.B. so:
CSS:
header .navbar-nav > .nav-item > .nav-link::before {
    border-color: pink;
}

Viele Grüße
Michael
 

Fries

Gut bekanntes Mitglied
26. August 2021
302
15
Hallo,

dieser Balken wird durch die Primärfarbe bestimmt. Wenn du also allgemein das Gelb ändern möchtest, kannst du dieser Anleitung folgen:
https://jtl-devguide.readthedocs.io/projects/jtl-shop/de/latest/shop_templates/primary_color.html
Das wäre wahrscheinlich am Stimmigsten.

Du könntest nach gleichem Muster wie beim Ändern der Primärfarbe auch Folgendes machen:
CSS:
$nav-tabs-link-active-border-color: pink;
Das ändert die Farbe der Balken im Header und die Farbe der Balken in den Tabs in den Artikeldetails.

Wenn du wirklich nur die Balken im Megamenü ändern möchtest, z.B. so:
CSS:
header .navbar-nav > .nav-item > .nav-link::before {
    border-color: pink;
}

Viele Grüße
Michael
Besten Dank, Michael
 

Harald Weingaertner

Sehr aktives Mitglied
2. Oktober 2006
358
48
Hallo,

dieser Balken wird durch die Primärfarbe bestimmt. Wenn du also allgemein das Gelb ändern möchtest, kannst du dieser Anleitung folgen:
https://jtl-devguide.readthedocs.io/projects/jtl-shop/de/latest/shop_templates/primary_color.html
Das wäre wahrscheinlich am Stimmigsten.


Hallo Michael,

gibt es denn vielleicht auch eine Übersicht, welche Variablen noch zur Verfügung stehen?

Ich habe testweise mal die Farbe für $secondary: #ff0000; geändert und da wird dann die Lupe für die Suche rot. Aber gibt es da auch eine Übersicht, mit welchen Variablem man was verändert?

Grüße, Harald
 

Nicolai95

Neues Mitglied
15. April 2023
22
0
Bei mir funktionieren diese HInweise leider nicht. Wie heißt denn die Variable, an der ich die Farbe ändern muss? Nutze das Nova- Child-Template.
 

Ähnliche Themen