Neu NOVA Template Hintergrundfarbe (main) ändern

[ichbinsmal]

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]

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:

#main-wrapper { background: pink; }

Viele Grüße
Michael

 

[ichbinsmal]

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]

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:

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

 

[ichbinsmal]

Wunderbar, das hat geklappt - klasse !!

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

 

[MarkusF]

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

 

[ichbinsmal]

Hi Markus,
bei mir ändert $primary nur die Text-Link-Farbe, nicht die markierten Bereiche
Cash löschen hab ich berücksichtigt

 

[MarkusF]

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

 

[MHillmann]

Es sollte eigentlich wie Markus sagt über Änderung der $primary Variable gehen.. Habe es gerade auch nochmal getestet. Siehe auch:
https://jtl-devguide.readthedocs.io/projects/jtl-shop/de/latest/shop_templates/primary_color.html

 

[ichbinsmal]

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 !!

 

[localsurf]

Guten Tag,

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

Ich würde gerne die Farbe ändern.

Beste grüße

 

[pilli]

Hallo, kann mir bitte jemand sagen wie ich nur die Schriftfarbe im footer ändere? Um genau zu sein. Wie heißt die variable?
Danke Vorab.

 

[MHillmann]

@pilli hast du dir mal die Variablen in der _variables.scss vom Nova angeschaut bzw in der Datei nach footer gesucht?
Probier es mal mit $footer-color;

@localsurf Da müsstest du genauer beschreiben was du ändern möchtest.

 

[pilli]

@pilli hast du dir mal die Variablen in der _variables.scss vom Nova angeschaut bzw in der Datei nach footer gesucht?
Probier es mal mit $footer-color;

@localsurf Da müsstest du genauer beschreiben was du ändern möchtest.

$footer-color bestimmt doch die Farbe des Footers. Oder liege ich da falsch. Da ich den Footer dunkel haben möchte, müsste der Text (Links) im Footer hell dargestellt werden. Wie ändere ich denn die Schriftfarbe (nur im Footer!)?

 

[MHillmann]

Hast du es denn mal ausprobiert bzw wie ich sagte in die Datei _variables.scss geschaut?

$footer-bg-color:                  $bg-main !default;
$footer-color:                     $body-color !default;

 

[pilli]

$footer-bg-color: $bg-main !default;
$footer-color: $body-color !default;[/CODE]
17]@pilli Hast du es denn mal ausprobiert bzw wie ich sagte in die Datei _variables.scss geschaut?

ich habe das soeben mit dem JTL-Theme Plugin im Child Template ausprobiert. Bei der Änderung von $footer-color ändert sich ausschließlich die Schriftfarbe von "* Alle Preise inkl. gesetzlicher USt., zzgl. Versand" ganz unten im Footer. Die Textfarbe der Links (AGB, Widerruf usw.) bleibt unverändert.

 

[MHillmann]

Verstehe. Dann übernimm mal diesen Code noch aus dem Midnight-Theme des Nova-Templates (das midnight hat eine andere Footer-Farbe).
Den Code kannst du z.B. in der my-nova.scss einfügen.

#footer {
  .form-control {
    background-color: $footer-bg-color;
    color: $footer-color;
    &::placeholder {
      color: $footer-color;
    }
  }
  .label-slide .form-group:not(.exclude-from-label-slide):not(.checkbox) {
    label {
      background: $footer-bg-color;
      color: $footer-color;
    }
  }
  a {
    color: $footer-color;
    &:hover:not(.btn) {
      color: $primary;
    }
  }
  .productlist-filter-headline {
    color: $footer-color;
  }
  .newsletter-footer-heading {
    color: $footer-color;
  }
}

 

[pilli]

Verstehe. Dann übernimm mal diesen Code noch aus dem Midnight-Theme des Nova-Templates (das midnight hat eine andere Footer-Farbe).
Den Code kannst du z.B. in der my-nova.scss einfügen.

#footer {
  .form-control {
    background-color: $footer-bg-color;
    color: $footer-color;
    &::placeholder {
      color: $footer-color;
    }
  }
  .label-slide .form-group:not(.exclude-from-label-slide):not(.checkbox) {
    label {
      background: $footer-bg-color;
      color: $footer-color;
    }
  }
  a {
    color: $footer-color;
    &:hover:not(.btn) {
      color: $primary;
    }
  }
  .productlist-filter-headline {
    color: $footer-color;
  }
  .newsletter-footer-heading {
    color: $footer-color;
  }
}

leider weiß ich nicht genau an welcher Stelle das eingegeben werden soll. Wenn ich das so mache wie im Bild (Anhang) ändert sich nichts. Sorry, ich kenne mich mit dem Template Dingen nicht so gut aus....

 

[MHillmann]

Sieht eigentlich richtig aus, so habe ich es gerade getestet. Dazu natürlich noch die $footer-color bzw. auch die $footer-bg-color in den _variables.scss anpassen. Theme Kompilieren, eventuell Cache löschen und dann würde ich erwarten dass es funktioniert.

 

[pilli]

Sieht eigentlich richtig aus, so habe ich es gerade getestet. Dazu natürlich noch die $footer-color bzw. auch die $footer-bg-color in den _variables.scss anpassen. Theme Kompilieren, eventuell Cache löschen und dann würde ich erwarten dass es funktioniert.

ich habe jetzt ma ein paar wilde Farben eingestellt. Die Backgroundfarbe des Footers funktioniert. Bei der Schriftfarbe ändert sich nur der Text bei 2 (siehe Bild), Schriftfarbe 1 bleibt unverändert.