Neu Animations Balken im Nova Template Farbe ändern

Fries

Mitglied
26. August 2021
75
0
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
789
207
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
 
  • Gefällt mir
Reaktionen: Fries

Fries

Mitglied
26. August 2021
75
0
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
 
Ähnliche Themen
Titel Forum Antworten Datum
Neu Responsivität einer Custom Header - Box - sowie des linken Logos | Nova Child Templates für JTL-Shop 1
Neu Last Seen Box unter linker Seitenleiste wegbekommen | Nova Template Templates für JTL-Shop 2
Neu Shortdesc Description entfernen | Nova Template Templates für JTL-Shop 2
Neu [SHOP5][NOVA] Filtersuchfeld filtert nur sichtbare Merkmale JTL-Shop - Fehler und Bugs 1
Neu NOVA - welche css Variable für Hintergrund? Installation / Updates von JTL-Shop 1
Inhalte auf der Startseite bearbeiten im Nova Tenmlate Einrichtung JTL-Shop5 2
Neu JTL Shop 5 - Anpassung Nova Child Theme - Benachrichtigungsfunktion Dienstleistung, Jobs und Ähnliches 0
Neu Alternative für NOVA wie die freien Evo Themes von bootswatch.com? Templates für JTL-Shop 1
Neu NOVA Template Weiß nach Update 4.06 => 5 Installation / Updates von JTL-Shop 7
Neu Nova vs Drittanbieter Templates? Templates für JTL-Shop 9
Neu nova update nach Shop Update 5.1.1 Templates für JTL-Shop 1
Nova Template - Artikelübersicht - Verfügbarkeit anzeigen Einrichtung JTL-Shop5 3
Neu Bestand pro Lager bei mehrern Lägern ausblenden im Nova Template nur Ampel anzeigen in Artikelbeschreibung Templates für JTL-Shop 2
Neu Shop 5.1.1 > Nova > Bestseller | Logo Templates für JTL-Shop 7
Neu NOVA Template Artikelsticker ändern Templates für JTL-Shop 6
Shop 5: Nova / Lieferzeitenangabe für Kinderartikel passt nicht Einrichtung JTL-Shop5 0
Weiße Seite beim NOVA-Template, EVO geht Upgrade JTL-Shop4 auf JTL-Shop5 2
Neu JTL 5 Shop -> Slick Slider auf der Startseite im Nova Template verändern Templates für JTL-Shop 2
Neu Template Anpassung im Child Theme via JTL Theme Editor -> my-nova.scss Templates für JTL-Shop 0
Neu NOVA Template Farbänderung in verschiedenen Bereichen Templates für JTL-Shop 5
Neu JTL SHOP 5.0.1 / NOVA-Template UVP/Rabattanzeige Artikelübersichten Allgemeine Fragen zu JTL-Shop 5
Neu JTL5.1.1 Nova-Template mit Child Mobiles Menü Templates für JTL-Shop 6
Neu Template Nova/layout/header_nav_search.tpl <li>? JTL-Shop - Fehler und Bugs 5
Beantwortet Einstellungen Megamenü Nova Einrichtung JTL-Shop5 2
Neu Slider verkleinern im NOVA Templates für JTL-Shop 3
Neu Header Box im Shop 5 Nova / Evo.. Templates für JTL-Shop 3
Neu NOVA Template linke Navigation? Templates für JTL-Shop 2
Neu NOVA Template lässt sich nicht aktivieren JTL-Shop - Fehler und Bugs 4
Neu Shop 5 NOVA Template - Menü ohne Kategorien Allgemeine Fragen zu JTL-Shop 4
Neu NOVA: Hauptmenü Dropdown Anpassungen Templates für JTL-Shop 2
Neu Nova Child wie _buttons.scss bearbeiten? Templates für JTL-Shop 1
Neu Produktbilder-Slider soll vertikal im Nova sein Templates für JTL-Shop 2
Neu EU Energielabel Nova Template Templates für JTL-Shop 2
Neu NOVA Farbe untere Footer-Leiste Templates für JTL-Shop 3
Neu NOVA Template - Megamenu Oberkategorie Link entfernen Templates für JTL-Shop 2
Neu NOVA > Cache Dauer für Browsercache einstellen Templates für JTL-Shop 2
Neu NOVA Child: Artikeldetailseite Tabs werden untereinander dargestellt anstatt zu faden Templates für JTL-Shop 2
Neu NOVA Template - dunkler Hintergrund bei ausklappendem Megamenu Templates für JTL-Shop 4
Neu Shop5 NOVA - SWATCH-Image - PopUp deaktivieren Templates für JTL-Shop 5
Neu NOVA Template Preisspannen Slider noUI-touch-area sekundäre Farbe ändern Templates für JTL-Shop 2
Neu Shop5 NOVA - Galerieansicht Bilder vergrößern Templates für JTL-Shop 2

Ähnliche Themen