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

  • Liebe Kunden,
    am Dienstag, 18.5.2021, führen wir Wartungsarbeiten am JTL-Forum durch, wir updaten die Forensoftware.
    Das Forum ist daher ab ca. 17 Uhr für voraussichtlich eine Stunde nicht erreichbar.
    Nach Durchführung des Updates könnt Ihr dort wie gewohnt weiter diskutieren.
    Mit freundlichen Grüßen
    Euer Team der JTL-Software-GmbH

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
424
124
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
424
124
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 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 JTL SHOP 5 NOVA - keine Preisspanne, kein ab Technische Fragen zu Plugins und Templates 0
Neu Shop 5 Nova child theme editor zeigt keinen Inhalt Templates für JTL-Shop 4
Neu JTL Shop 5.0.1 Nova-Template Slick Slider Bildgröße fehlerhaft JTL-Shop - Fehler und Bugs 1
Neu JTL Shop 5 NOVA: Child-Datei für Preisanzeige ohne Rabatt gesucht Dienstleistung, Jobs und Ähnliches 0
Neu Shop 5 NOVA: Plugin oder updatesichere Child-Datei für Artikeldetail-Preisanzeige gesucht Dienstleistung, Jobs und Ähnliches 1
Neu JTL Shop 5 NOVA: Anmeldebutton soll gegen anderes Icon getauscht werden Templates für JTL-Shop 1
Neu JTL Shop 5 Theme Editor Nova Template Farbe Buttons Templates für JTL-Shop 6
Neu JTL Shop 5 NOVA Footer Textfarbe Templates für JTL-Shop 3
Neu Shop 5 - Nova Template Umlaute/Sonderzeichen Fehler im Kundenmenü/Registrierung Templates für JTL-Shop 8
Neu JTL Shop 5 NOVA-Template Kategorien als Menüpunkt Technische Fragen zu Plugins und Templates 6
Gelöst nach Update auf Shop 5.0.1: kein CSS nach Wechsel auf NOVA Template Upgrade JTL-Shop4 auf JTL-Shop5 2
Neu JTL WAWI 1.4.5.40.0, JTL Shop 5 Nova-Template User helfen Usern - Fragen zu JTL-Wawi 0
Beantwortet Shop 5 Nova Template - Kategoriebilder bei bestimmten Kategorie Level nicht anzeigen Templates für JTL-Shop 1
Neu JTL Shop 5.0.1 - NOVA - Statisch komprimieren funktioniert nicht richtig JTL-Shop - Fehler und Bugs 5
Shop lädt nicht bei Nova Child Template Einrichtung JTL-Shop5 5
Neu Nova Template Shop 5 rechte Spalte bei Kategorien und im Artikel Templates für JTL-Shop 1
Update von Shop 4 mit Salepix auf Shop 5 mit Nova Template problemlos? Upgrade JTL-Shop4 auf JTL-Shop5 4
Konfiguration Newsletter unter Shop 5 Einrichtung JTL-Shop5 1
Neu Demodaten Shop 5 in Wawi importieren - geht das? Allgemeine Fragen zu JTL-Shop 1
Update von JTL Shop 4 auf 5 bei externer WaWi Upgrade JTL-Shop4 auf JTL-Shop5 3
Kostenlos Einsteigerschulung: Tag 7 Teil 1: Einführung in JTL-Shop 5 mit OPC Messen, Stammtische und interessante Events 0
Shop Upgrade 4.06 auf 5.0.1 - Diverse Fehler ... Upgrade JTL-Shop4 auf JTL-Shop5 6
Neu Shop 5 Sprachsektionen mit Anführungszeichen oder ohne? Allgemeine Fragen zu JTL-Shop 0
Neu JTL-Shop 5.0.1 - Registrierung Rechnungsadresse anzeige NUR der Länder nach der GEO-BlockingVerordnung und NICHT der ganzen Welt, wie? Allgemeine Fragen zu JTL-Shop 4
Neu Shop 5 - Video-Einbindung YouTube - Thumbnail unscharf Allgemeine Fragen zu JTL-Shop 2
Neu Änderungen am Shop ohne JTL Theme Editor Templates für JTL-Shop 7
Neu Shop 5.0.1 > Kein Conversion Tracking mehr nach Upgrade von v4.0.6 Einrichtung JTL-Shop5 0
Neu Shop 5 Attribute werden im Shop nicht mehr angezeigt Allgemeine Fragen zu JTL-Shop 2
Neu hreflang fehlt: Mehrsprachigkeit JTL Shop 5.0.0 JTL-Shop - Fehler und Bugs 5
Neu Shop 5 und Facebook Pixel Allgemeine Fragen zu JTL-Shop 1
Neu Umlautfehler im Shop 5.0.1 Allgemeine Fragen zu JTL-Shop 1
Neu Artikelsticker Shop 5 Allgemeine Fragen zu JTL-Shop 4
Neu Warning: Invalid argument supplied for foreach() in /home/.sites/298/site8438217/web/classes/class.JTL-Shop.Artikel.php on JTL-Shop - Fehler und Bugs 1
Neu Shop 5 mobile Ansicht Template anpassen Allgemeine Fragen zu JTL-Shop 3
Neu JTL Shop 5: Pflichtfreitext-Angabe des Kunden verschwindet im Warenkorb & demnach auch in Bestellung + WAWI JTL-Shop - Fehler und Bugs 2
Neu Versandart wechselt nicht im Shop Allgemeine Fragen zu JTL-Shop 11
Neu Warum nimmt der JTL Shop teilweise keine Preisaktualisierungen von JTL wawi an? JTL-Wawi - Fehler und Bugs 1
Individuelle Sortierung der Artikel in der Artikelübersicht/Kategorieansicht Shop Einrichtung JTL-Shop5 4
Neu JTL-SHOP 5 - Checkbox Text für 3. Sprache wird nicht gespeichert JTL-Shop - Fehler und Bugs 5
Neu Feld Kundenkategorie in den Kundendaten leeren (Ameise) und Kunde im Shop löschen User helfen Usern - Fragen zu JTL-Wawi 0
Neu Wo/Wie wird der Lizenzschlüssel bei einem Upgrade der CFE auf die JTL Shop Standardversion eingetragen? Installation / Updates von JTL-Shop 4
Neu Suche Agentur bzw. Berater zum Thema Online Shop Optimierung/Umsatzsteigerung Dienstleistung, Jobs und Ähnliches 1
Neu OSS - One Stop Shop User helfen Usern 19
Neu Zusatzkosten (Pandemie) automatisch berechnen im Shop 4 / 5 Allgemeine Fragen zu JTL-Shop 3
Neu UstId bei Shop-Bestellungen werden nicht an Wawi übertragen User helfen Usern - Fragen zu JTL-Wawi 0
Neu JTL Shop 5 - Container mit Link versehen - wie geht das Allgemeine Fragen zu JTL-Shop 3
Neu Performance JTL Shop 5 - 200.000 ms Idle Wert?! Plesk Strato Betrieb / Pflege von JTL-Shop 2
Neu Shop 5 nicht mehr erreichbar nach Cache leeren Betrieb / Pflege von JTL-Shop 2

Ähnliche Themen