Neu NOVA Template Farbänderung in verschiedenen Bereichen

Fries

Gut bekanntes Mitglied
26. August 2021
302
16
Hallo, ich arbeite mit dem Theme Styler, einem Child-Template vom Nova und dem JTL 5er Shop zusammen.

ich habe noch einige Bereiche, wo ich meine gewünschte Farbe nicht realisieren kann, bzw. die Variabeln nicht finde.

-"Jetzt registrieren!" is leider komplett weiß , sowie der Hintergrund. Beim Hovern kommt dann die Primärfarbe zum Einsatz.

-Der Hintergrund von "Widerrufs-Formular" ist leider auch nicht einheitlich zum restlichen Footer-Background.

-Im Warenkorb soll die dunkelgraue Schrift weiß werden

Vielleicht hat ja jemand einen Tip parat.

Danke schonmal!


Unbenannt.png
 

MHillmann

Moderator
Mitarbeiter
11. Oktober 2018
1.331
474
Hallo,

ich hatte dir dazu schon einmal einen Link geschickt: https://nira.com/chrome-developer-tools/
Was für dich spannend ist, sind Punkte 1 und 2 unter "5 common uses of Chrome Developer Tools for beginners". Es gibt dazu mit Sicherheit auch ausführlichere Tutorials.

Wenn du viel selbst machen möchtest, ist das ein Muss sich damit auszukennen, daher kann ich nur nochmal darauf verweisen.

z.B. beim "Jetzt registrieren: Rechtsklick auf die weiße Fläche und untersuchen und dir wird sofort angezeigt wo das Weiß herkommt:
CSS:
.account-icon-dropdown .dropdown-footer {
    background-color: #f5f7fa;
}

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

Fries

Gut bekanntes Mitglied
26. August 2021
302
16
Hallo,

ich hatte dir dazu schon einmal einen Link geschickt: https://nira.com/chrome-developer-tools/
Was für dich spannend ist, sind Punkte 1 und 2 unter "5 common uses of Chrome Developer Tools for beginners". Es gibt dazu mit Sicherheit auch ausführlichere Tutorials.

Wenn du viel selbst machen möchtest, ist das ein Muss sich damit auszukennen, daher kann ich nur nochmal darauf verweisen.

z.B. beim "Jetzt registrieren: Rechtsklick auf die weiße Fläche und untersuchen und dir wird sofort angezeigt wo das Weiß herkommt:
CSS:
.account-icon-dropdown .dropdown-footer {
    background-color: #f5f7fa;
}

Viele Grüße
Michael
Hallo Michael,

Danke für deine Hilfestellung.
Nun ist für mich nur noch die Frage offen, wo ich diesen CSS Befehl hin befördere - im ThemeStyler gibt es ja nur .scss und die Befehle sehen folgendermaßen aus:
Unbenannt.png
 

Fries

Gut bekanntes Mitglied
26. August 2021
302
16
Habe es in der header.scss in Zeile 229 geändert und diese aktualisierte Datei wieder auf den Server geladen.

Jedoch wird die Farbänderung nicht angezeigt - es ist immer noch das weiß.


Unbenannt.png
 

MHillmann

Moderator
Mitarbeiter
11. Oktober 2018
1.331
474
Bitte Änderungen nur im Child-Template machen, damit das ganze updatesicher ist. Wenn du Änderungen an den Dateien vom Nova machst, werden diese bei einem Update überschrieben.
In scss Dateien kann man auch css schreiben, google dazu gern auch mal "scss".
Schreib deine Änderungen mal in die my-nova.scss (dafür ist sie da) oder in die my-nova_crit.scss. Wenn du wissen möchtest was das critical css ist auch gern googeln "Critical CSS".
 
  • Gefällt mir
Reaktionen: Fries

Ähnliche Themen