Neu Shop 5 NOVA: Hintergrundfarbe für Mega-Menu ändern

liquid

Sehr aktives Mitglied
3. April 2015
265
26
Bremen
Hallo zusammen,

ich möchte gerne die Hintergrundfarbe für das Mega-Menu ändern (nicht für den ganzen Header, nur für die Menuzeile), allerdings ohne Dropdown bei Mousehover (der soll weiß bleiben). Passend dazu soll dann auch die Schrift für die Hauptkategorien weiß werden.

Ich stehe gerade etwas auf dem Schlauch und finde die CSS-Klassen dafür gerade nicht (ist wohl uhrzeitbedingt). Hat die jemand von Euch parat?

Vielen Dank vorab!

Beste Grüße
Ingo
 

MHillmann

Moderator
Mitarbeiter
11. Oktober 2018
584
165
Hallo @liquid

ich hoffe du bist schon in einem Child-Template unterwegs und hast den Theme-Editor, falls nicht: https://jtl-devguide.readthedocs.io/projects/jtl-shop/de/latest/shop_templates/primary_color.html
Ich würde empfehlen, dass du die folgenden beiden Variablen überschreibst. Das wäre dann der gesamte header.
CSS:
$header-bg-color:                  pink;
$header-color:                     brown;
Die topbar kannst du danach wieder weiß machen:
CSS:
#header-top-bar {
    background-color: white;
    color: green;
}


Viele Grüße
Michael
 
  • Gefällt mir
Reaktionen: liquid

liquid

Sehr aktives Mitglied
3. April 2015
265
26
Bremen
Hallo Michael,

hat nahezu funktioniert: Das Megamenu ist jetzt zwar grün, aber leider auch der Bereich darüber mit der Suchleiste. Wird daran liegen, dass ich das Header-Plugin nutze und die Position des Suchfeldes verschoben habe. Problem ist also, den oberen Bereich wieder "weiß" zu bekommen. Das sieht bei mir gerade umso blöder aus, weil das Logo ja mit in diesem "oberen" Bereich platziert ist und das hat einen weißen Background.



Gruß
Ingo
 
Zuletzt bearbeitet:

MHillmann

Moderator
Mitarbeiter
11. Oktober 2018
584
165
Aso, mit dem Header-Plugin ist das leider nicht so gut möglich. Da müsstest du auf den container stylen der das megamenü umschließt, dafür wäre aber noch eine Klasse an dem container gut, sonst kommt man da per CSS nicht so gut ran..
Außerdem müsstest du den Header auf voller Breite nutzen.
 

liquid

Sehr aktives Mitglied
3. April 2015
265
26
Bremen
Aso, mit dem Header-Plugin ist das leider nicht so gut möglich. Da müsstest du auf den container stylen der das megamenü umschließt, dafür wäre aber noch eine Klasse an dem container gut, sonst kommt man da per CSS nicht so gut ran..
Außerdem müsstest du den Header auf voller Breite nutzen.

Ich habe es jetzt mit folgender Klasse teilweise hinbekommen (Header/Mega-Menu ist auf boxed gestellt):

.navbar-nav.nav-scrollbar-inner {
background-color: #39AC39;
}

Allerdings zeigt die Vergabe der Textfarbe für die Klasse keine Wirkung, sie scheint an anderer Stelle überschrieben zu werden. $header-color kann ich dafür nicht nutzen, dann wird alles weiß, auch der Bereich mit dem (immer noch) weißen Hintergrund.

Ich bin kurz davor, aufzugeben. Wenn es absolut nicht funktioniert, dann werde ich hier mit Dropper arbeiten, wenn das von Kreativkonzentrat (hoffentlich zeitnah, war ja angekündigt) für Shop 5 freigegeben wird.

Gruß
Ingo
 
Ähnliche Themen
Titel Forum Antworten Datum
Neu JTL Shop 5 - Anpassung Nova Child Theme Dienstleistung, Jobs und Ähnliches 0
Neu NOVA Template JTL Shop 5 eigenen Content-Block zwischen Footer und Produktdetailsseiten Technische Fragen zu Plugins und Templates 2
JTL Shop 5 Nova Template out of the box nicht responsiv? Einrichtung JTL-Shop5 2
Neu Unfall passiert ... Kann mir jemand die Original TPL Dateien NOVA Shop 5 zur Verfügung stellen Allgemeine Fragen zu JTL-Shop 3
Beantwortet NOVA unter JTL Shop 5 zeigt auf Startseite nur Header und Footer JTL-Shop - Fehler und Bugs 2
Neu Variationen im JTL Shop 5 falsch dargestellt Allgemeine Fragen zu JTL-Shop 0
Neu Umlaute falsch in E-Mail aus Shop - aber nur Titel des Produkts JTL-Shop - Fehler und Bugs 0
Migration auf Shop 5 -> Preview-Bilder der Blogs (News) fehlen Upgrade JTL-Shop4 auf JTL-Shop5 3
Neu JTL Shop 5 WebP Bilder werden nicht erzeugt Betrieb / Pflege von JTL-Shop 0
Neu Ticket / Kartenverkauf im Shop 5 Plugins für JTL-Shop 0
JTL Shop 5 - Guthaben im Kundenkonto ausblenden Einrichtung JTL-Shop5 2
Neu Kann nur eine Sprache auswählen trotzneustart der Wawi Shop 5 JTL-Shop - Fehler und Bugs 2
Neu JTL Shop 5 Kategoriebeschreibung im Megamemü aktivieren Betrieb / Pflege von JTL-Shop 0
Neu Shop Bewertung auch für Gastbesteller zulassen Allgemeine Fragen zu JTL-Shop 5
Neu JTL Shop - Kundenauswahl Kundengruppe - Übertrag JTL WAWI User helfen Usern - Fragen zu JTL-Wawi 1
Neu etracker für Shop 5? Plugins für JTL-Shop 1
Neu E-Mails aus JTL-Shop 5 Allgemeine Fragen zu JTL-Shop 4
Neu Umstellung Prestashop - JTL Shop - Kunden sollen ihre alten Bestellungen sehen können Allgemeine Fragen zu JTL-Shop 1
Neu JTL Shop 5 - "normaler Slider" vs. "Bilder-Slider" im OnPage Composer Allgemeine Fragen zu JTL-Shop 1
Neu Filialsuche / Filialfinder / Shop Finder Plugins für JTL-Shop 0
Neu JTL Shop Installation Installation / Updates von JTL-Shop 11
Neu Shop 4 - PayPal Zahlungsarten - was bedeutet was? Einrichtung von JTL-Shop4 1
Neu Migration JTL Shop 4 -> 5 // neue Artikeltexte (wegen geändertem Bootstrap CSS) User helfen Usern - Fragen zu JTL-Wawi 1
Shop 5.x Ersatz für $args_arr['objResponse']->script('meine-js-function()') Upgrade JTL-Shop4 auf JTL-Shop5 2
Neu JTL Shop 4 - Artikel mit Pfand kann nicht in EU verschickt werden Allgemeine Fragen zu JTL-Shop 1
Neu JTL Shop 5 PAYPAL Zahlungen nicht korrekt Plugins für JTL-Shop 0
Neu Hilfe für JTL Shop Neuling Allgemeine Fragen zu JTL-Shop 0
Neu Shop Datnbanken sichern Betrieb / Pflege von JTL-Shop 6
Neu E-Mail Benachrichtigung bei neuer JTL Shop Version Installation / Updates von JTL-Shop 0
Neu Shopware 5 URL-Pfad passt sich nicht dem Sub-Shop an Shopware-Connector 0
Neu Neue Energielabel - Shop 4 Plugins für JTL-Shop 1
Neu JTL-Wawi Auftrag in den JTL-Shop hochladen? User helfen Usern - Fragen zu JTL-Wawi 1
Neu Artikel nicht aus Shop löschen wenn in WaWi nicht aktiv. Gambio-Connector 3
Neu Shop im Quelltext auf Noindex setzen User helfen Usern - Fragen zu JTL-Wawi 3
Neu Kundenimport in JTL-Shop 5 Umstieg auf JTL-Shop 10
Neu Neuer Shop um Kartons zu kaufen Shops stellen sich vor 4
Neu Zurückfunktion auf der Detailseite im JTL Shop Allgemeine Fragen zu JTL-Shop 0
Neu 37 - Diese Version von JTL-Shop ist nicht mehr kompatibel. Sie benötigen eine neuere Version. JTL-Shop - Fehler und Bugs 4
Neu Produktseite leer nach Update auf Shop 5.0.3 Installation / Updates von JTL-Shop 6
Neu Verfügbarkeitsanfragen in Shop 4 aktivieren Allgemeine Fragen zu JTL-Shop 2
Neu Fehlermeldung: "Es sind Steuersätze im Online Shop vorhanden, die keinem Steuersatz in der JTL WaWi zugeordnet werden können" Onlineshop-Anbindung 1
Neu Downloads im Kundenbereich pro Shop Artikel gruppieren JTL-Shop - Ideen, Lob und Kritik 0
Neu Shop 5 - Verkürzter Checkout möglich? Allgemeine Fragen zu JTL-Shop 7
Neu Shopabgleich Fehler "uncaught error call to a member function" Jtl Shop JTL-Wawi - Fehler und Bugs 1
Neu Shop 5 nach Einstellungen suchen Allgemeine Fragen zu JTL-Shop 1
Neu Gratisgeschenk nur in Shop X User helfen Usern - Fragen zu JTL-Wawi 1
JTL Shop 5: Warenkorb - Fehler bei Steuer B2B-Kunden? Ausblenden der Versandkosten, wenn 0,00 € möglich? Einrichtung JTL-Shop5 2
Neu Kundenrabatt nachträglich in JTL-Shop 5 importieren Betrieb / Pflege von JTL-Shop 5
Neu Shop zeigt keine Bilder an WooCommerce-Connector 0
Neu JTL Shop 5 Consent Manager - manuelle Einträge Allgemeine Fragen zu JTL-Shop 1

Ähnliche Themen