Neu NOVA Template - dunkler Hintergrund bei ausklappendem Megamenu

misterGST

Sehr aktives Mitglied
23. September 2007
323
27
Liebe Mitmenschen,

folgende Eigenschaft des JTL-Shop 5.0.3 - NOVA Template würde ich gerne anpassen:
Man klickt auf eine Kategorie im Megamenu > die Unterkategorie klappt aus > der Hintergrund des Shops dunkelt sich stark ab.

Tolle Eigenschaft und Funktion soll grundlegend so bleiben ... ABER: Der Hintergrund wird fast Schwarz und ist nicht nach meinem Geschmack.
nova-hintergrund.jpg

FRAGE: Wie kann ich den Farbton auf ein leichtes Grau ändern?
Ist bestimmt nur eine CSS-Einstellung (opacity oder color) - aber wo? ... ich komme nicht weiter und bitte um Eure Hilfe.

Herzliche Grüße
Georg
 

MHillmann

Moderator
Mitarbeiter
11. Oktober 2018
789
207
Hallo,

einfach mal z. B. in Chrome rechts auf den Hintergrund klicken und Untersuchen auswählen. Dann siehst du in den Entwicklertools die entsprechenden Klassen. Per CSS-Anpassung in der custom.css oder per Theme-Editor kannst du dann wie du schon sagst die Opacity verändern:

CSS:
.modal-backdrop.show {
    opacity: 0.6;
}

Viele Grüße
Michael
 

misterGST

Sehr aktives Mitglied
23. September 2007
323
27
Hallo Michael,

vielen Dank - es hat auf Anhieb funktioniert.
einfach mal z. B. in Chrome rechts auf den Hintergrund klicken und Untersuchen auswählen. Dann siehst du in den Entwicklertools die entsprechenden Klassen. ...
Genau so habe ich es probiert - ABER - wenn ich in den Entwicklertools mit der Maus auf das Menu gehe, um den dunklen Hintergrund zu provozieren, zeig er mir die Daten des Menüs. Danach gehe ich mit der Maus auf den dunklen Hintergrund > er verschwindet sofort und kann nicht "untersucht" werden.

Ich habe nicht herausgefunden, wie ich den dunklen Hintergrund untersuchen könnte. Rechts auf den Hintergrund klicken, zeigt mir die Daten des weißen Hintergrunds an.
Wäre für eine Tipp dankbar.

Gruss Georg
 

MHillmann

Moderator
Mitarbeiter
11. Oktober 2018
789
207
Ja, das Untersuchen ist bei Elementen die man nur auf hover sieht etwas schwieriger. Du müsstest an der Stelle das MegaMenü untersuchen (damit es offen bleibt) und dann per Hand das Element mit dem schwarzen Hintergrund raussuchen.
Ich habe an der Stelle aber einfach geschummelt und hab den Miniwarenkorb geöffnet, dann bleibt der schwarze Hintergrund auch da wenn man ihn untersucht (da er hier per Click erscheint und nicht per Hover).
 

misterGST

Sehr aktives Mitglied
23. September 2007
323
27
... Du müsstest an der Stelle das MegaMenü untersuchen (damit es offen bleibt) und dann per Hand das Element mit dem schwarzen Hintergrund raussuchen. ...
Wieder was gelernt - eben probiert - und ich kam zum Ziel :)

... Ich habe an der Stelle aber einfach geschummelt und hab den Miniwarenkorb geöffnet, dann bleibt der schwarze Hintergrund auch da wenn man ihn untersucht ...
Haha ... toller Trick ... wieso komme ich nicht auf solch geniale, einfache Lösungen?

Danke nochmal
Georg
 
Ähnliche Themen
Titel Forum Antworten Datum
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 NOVA Template Weiß nach Update 4.06 => 5 Installation / Updates von JTL-Shop 7
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 NOVA Template Artikelsticker ändern Templates für JTL-Shop 6
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
Neu NOVA Template linke Navigation? Templates für JTL-Shop 2
Neu Animations Balken im Nova Template Farbe ändern 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 EU Energielabel Nova Template Templates für JTL-Shop 2
Neu NOVA Template - Megamenu Oberkategorie Link entfernen Templates für JTL-Shop 2
Neu NOVA Template Preisspannen Slider noUI-touch-area sekundäre Farbe ändern Templates für JTL-Shop 2
Neu Responsivität einer Custom Header - Box - sowie des linken Logos | Nova Child Templates für JTL-Shop 1
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 vs Drittanbieter Templates? Templates für JTL-Shop 9
Neu nova update nach Shop Update 5.1.1 Templates für JTL-Shop 1
Neu Shop 5.1.1 > Nova > Bestseller | Logo Templates für JTL-Shop 7
Shop 5: Nova / Lieferzeitenangabe für Kinderartikel passt nicht Einrichtung JTL-Shop5 0
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: 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 NOVA Farbe untere Footer-Leiste Templates für JTL-Shop 3
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 Shop5 NOVA - SWATCH-Image - PopUp deaktivieren Templates für JTL-Shop 5
Neu Shop5 NOVA - Galerieansicht Bilder vergrößern Templates für JTL-Shop 2
Neu mehr als 12 Bilder im Evo Template möglich? eBay-Designvorlagen - Ideen, Lob und Kritik 1
Neu Child Template HTML Code mit CSS Dateien anzeigen lassen Templates für JTL-Shop 3
Neu Im Template per 'if' einen Wert aus einem Array auslesen User helfen Usern - Fragen zu JTL-Wawi 1
Neu Shop 5.1.1 und Evo-Template 5.1.0: Fehlerhafte Bildergalerie- und Preisaktualisierung bei Variationen in Artikel-Übersicht und Artikel-Detailseite JTL-Shop - Fehler und Bugs 3
Neu Kritisch: JTL Shop 5.1 Bugs: Template: blackline, Demo-Dateien, Composer und co. JTL-Shop - Fehler und Bugs 22
Neu Mod Pagespeed webp konvertiung zerschiesst template Technische Fragen zu Plugins und Templates 0
Neu Bug: Template Datein des Child-Templates werden nicht bei include anweisungen geladen JTL-Shop - Fehler und Bugs 2
Fragen zum Update von 4 zu 5 - Template Migration Upgrade JTL-Shop4 auf JTL-Shop5 2
Neu Ebay Angebotsaktualisierung Evo Template bei neuem Artikelbild? User helfen Usern - Fragen zu JTL-Wawi 0

Ähnliche Themen