Neu NOVA Template Farbänderung in verschiedenen Bereichen

Fries

Mitglied
26. August 2021
75
0
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
789
207
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

Mitglied
26. August 2021
75
0
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

Mitglied
26. August 2021
75
0
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
789
207
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
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 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 - dunkler Hintergrund bei ausklappendem Megamenu Templates für JTL-Shop 4
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