Neu NOVA Template Hintergrundfarbe (main) ändern

ichbinsmal

Gut bekanntes Mitglied
20. Dezember 2008
347
0
Hallo Zusammen,
ich würde gerne die Hintergrundfarbe (main) im NOVA Template ändern

"Theme Editor" ist installiert
"my-Nova" ist installiert (und funktioniert auch)

Ändern kann ich viele Farben z.B.
$bg-main: $gray-lighter !default;
Hier ändert sich aber nur die footer-Hintergrundfarbe, nicht wie mein meinen könnte die main Hintergrundfarbe

Auch bei der einzigen "Weiß"-Farben Angabe im komm ich nicht weiter:
$white: #ffffff !default;
Hier ändert sich nur die Hintergrundfarbe in der Top-Navigation


Jemand einen Tipp für mich?
Der Support hat mir leider nicht helfen können

Vielen Dank
LG frank
 

MHillmann

Moderator
Mitarbeiter
11. Oktober 2018
403
121
Hallo @ichbinsmal

$bg-main ist etwas unglücklich benannt, diese wird nur an wenigen Stellen genutzt, wie z. B. im footer.
Wenn du nur vom content die Hintergrundfarbe ändern möchtest müsstest du vom #main-wrapper die Farbe ändern:

CSS:
#main-wrapper { background: pink; }
Viele Grüße
Michael
 

ichbinsmal

Gut bekanntes Mitglied
20. Dezember 2008
347
0
Hallo Michael,
danke für die schnelle Antwort.
Ja, ich möchte tatsächlich nur vom content die Hintergrundfarbe ändern

Dein CSS hab ich in My-nova / _variables.scss eingetragen
Leider keine Veränderung im Browser (F5 und cash gelehrt)
 

MHillmann

Moderator
Mitarbeiter
11. Oktober 2018
403
121
Ich würde empfehlen es ans Ende der my-nova_crit.scss zu schreiben und damit es nicht von anderen Anweisungen überschriebn wird doch besser so:

CSS:
// meine Änderungen
main#main-wrapper { background: pink; }
 

ichbinsmal

Gut bekanntes Mitglied
20. Dezember 2008
347
0
Wunderbar, das hat geklappt - klasse !!

Vielleicht kann mir noch jemand sagen wie ich die gelben Farben (siehe Bilder) anpassen kann?
Danke

1610708506583.png
1610708575202.png
 

MarkusF

Neues Mitglied
9. Januar 2021
21
2
Servus!
bei mir ging das mit

$primary: #farbcode;

in der _variables.scss

per Theme-Editor

wobei farbcode der Hex-Code für die Wunschfarbe ist, also z.B. 02C0EB

Ich musste den Browser- Cache löschen, um die Änderung zu sehen.

VG Markus
 
  • Gefällt mir
Reaktionen: Uwe_M

ichbinsmal

Gut bekanntes Mitglied
20. Dezember 2008
347
0
Hi Markus,
bei mir ändert $primary nur die Text-Link-Farbe, nicht die markierten Bereiche
Cash löschen hab ich berücksichtigt
 

MarkusF

Neues Mitglied
9. Januar 2021
21
2
ah sorry habe mich vertan.
Damit geht es zumindest im Menü (in der my-nova.scss)

header .navbar-nav > .nav-item > .nav-link::before
{
border-color: #02C0EB;
}


an der Seite wahrscheinlich mit:

aside .nav-panel > .nav > .active > .nav-link
{
border-bottom: 0.375rem solid #02C0EB;
}


VG Markus
 
  • Gefällt mir
Reaktionen: ichbinsmal

ichbinsmal

Gut bekanntes Mitglied
20. Dezember 2008
347
0
Hallo Zusammen,
in der Tat geht es auch nur mit der $primary Variable
Ich musste dazu im Browser allerdings nicht nur die Cookies sondern auch den "Zwischenspeicher" löschen - zumindest beim eage Browser
Danke !!

1610721831636.png
 
Zuletzt bearbeitet:

localsurf

Neues Mitglied
6. Januar 2021
17
1
Guten Tag,

kann mir jemand die Variable für die Hauptnavigation nennen.

Ich würde gerne die Farbe ändern.

Beste grüße
 
Ähnliche Themen
Titel Forum Antworten Datum
Neu Nova Child-Template Hintergrundfarbe Global ändern. Templates für JTL-Shop 2
Neu NOVA Template - Hintergrundfarbe Formular - Anmeldung Templates für JTL-Shop 4
Neu Nova-Template Kundennummer / Firma Technische Fragen zu Plugins und Templates 3
Neu NOVA Template - Syntax {col}, {row} Technische Fragen zu Plugins und Templates 1
Neu NOVA Template - kein Vorschaubild für Variationen im Slick-Slider Templates für JTL-Shop 0
Neu JTL Shop 5.0.1 Nova-Template Slick Slider Bildgröße fehlerhaft JTL-Shop - Fehler und Bugs 1
Neu JTL Shop5 mit Standart Template Nova Bildergröße für Banner und Slider ändern Allgemeine Fragen zu JTL-Shop 0
Fragen zum Nova Template Kategorien etc Upgrade JTL-Shop4 auf JTL-Shop5 2
Neu JTL Shop 5 Theme Editor Nova Template Farbe Buttons Templates für JTL-Shop 6
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
Neu <body> Tag nicht in header.tpl? | Shop5 NOVA Template | CMP-Code Consentmanager User helfen Usern - Fragen zu JTL-Wawi 0
Nova Template - "In den Warenkorb" bei Hover in Artikelübersicht Einrichtung JTL-Shop5 2
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
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
Gelöst NOVA Template zusätzliches Bild auf der Wartungsseite. Templates für JTL-Shop 2
Nova Template CLS und Page Speed Einrichtung JTL-Shop5 2
Neu Nova Template Möglichkeit bei Klicken auf Oberkategorie, anzeige aller Artikel der unterkategorien ? Templates für JTL-Shop 0
Update von Shop 4 mit Salepix auf Shop 5 mit Nova Template problemlos? Upgrade JTL-Shop4 auf JTL-Shop5 4
Neu NOVA Template Kategorie / Unterkategorie anpassen Allgemeine Fragen zu JTL-Shop 2
Neu Nova Template umbauen - Warenkorb Button und Konfigurator Button - Kunde soll selbst entscheiden können Dienstleistung, Jobs und Ähnliches 0
Beantwortet Header vergrößern im NOVA Template Templates für JTL-Shop 7
Neu Änderung an der Produkt Detail Seite beim Shop 5 NOVA Template Templates für JTL-Shop 3
Neu JTL Shop 5, Nova Template, wie bekomme ich Kategorien und unter diesen, die Artikel sichtbar? Allgemeine Fragen zu JTL-Shop 4
Neu Massive Probleme NOVA 5 Template Anzeige Templates für JTL-Shop 1
Gelöst JTL Shop 5 Nova Template Problem beim Einrichten des PayPal Plug-ins Einrichtung JTL-Shop5 2
Nova Template: Komischer Abstand des ersten Panels? Einrichtung JTL-Shop5 3
Suchfeld Nova Template verkleinern Einrichtung JTL-Shop5 8
Neu Slider Warenkorb zufügen > Nova Templates für JTL-Shop 5
Beantwortet NOVA unter JTL Shop 5 zeigt auf Startseite nur Header und Footer JTL-Shop - Fehler und Bugs 2
Neu JTL5 / Nova / Banner / Slider Startseite Betrieb / Pflege von JTL-Shop 0
Neu Hersteller Name beim Warenkorb deaktivieren (NOVA Templates) Allgemeine Fragen zu JTL-Shop 3
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 NOVA: Unterschiedliche Bildhöhen in einer Zeile Templates für JTL-Shop 1
Neu Shop5 Nova im Kopf Bereich eine Telefonnummer eintragen Allgemeine Fragen zu JTL-Shop 4
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 Shop 5 NOVA: Hintergrundfarbe für Mega-Menu ändern Templates für JTL-Shop 4
Neu JTL Shop 5 NOVA: Anmeldebutton soll gegen anderes Icon getauscht werden Templates für JTL-Shop 1
Sonderangebot von Kind in Nova anzeigen Einrichtung JTL-Shop5 1
Neu JTL Shop 5 NOVA Footer Textfarbe Templates für JTL-Shop 3
Beantwortet Copyright Hintergrundfarbe NOVA Templates für JTL-Shop 2
Neu JTL Shop 5.0.1 - NOVA - Statisch komprimieren funktioniert nicht richtig JTL-Shop - Fehler und Bugs 5
Gelöst NOVA Child (default) wird falsch dargestellt Einrichtung JTL-Shop5 1
Neu NOVA - Startseite Darstellungsfehler JTL-Shop - Fehler und Bugs 1
Entfernen von Standardtext auf Nova-Startseite Einrichtung JTL-Shop5 3

Ähnliche Themen