Neu NOVA Template - dunkler Hintergrund bei ausklappendem Megamenu

misterGST

Sehr aktives Mitglied
23. September 2007
351
40
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
1.331
474
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
351
40
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
1.331
474
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
351
40
... 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