Neu Footer-Links, andere Farbe bei Hover

[Zappageck71]

Habe schon ein paar Sachen ausprobiert, komme jedoch zu keiner Lösung.
Nutze das Nova-Template als Child und würde dort gerne direkt in den Templateeinstellungen per CSS-Schnipsel die Links im Footer umfärben. Das Orange passt leider nicht.
Habe es mit

#footer a:hover {
    color: #ffffff;
}

versucht, aber da tut sich leider gar nix.
Jemand ne Idee?

Seite: https://schwarz-sports-shop.de

Danke.

 

[Atelier-Zippel]

Hallo Zappageck71,


JTL-Theme-Editor Plugin installieren.
my-nova.css
_variables.scss

//
// Platz für eigene Variablen in SCSS-Notation
//
// Alle Änderungen hier müssen anschließend mit einem SCSS-Compiler
// (z.B. dem JTL-Theme-Editor Plugin) nach my-nova.css kompiliert werden
// --------------------------------------------------

// my-nova Theme
// Hier können alle Variablen notiert werden, die nur Auswirkungen auf dieses Theme haben
// -------------------Beginn eigene Variablen----------------------------------


// colors
$primary: #ffffff !default;

LG

Bernd

 

[Zappageck71]

Danke Bernd aber ich habe bislang die EInstellungen für das CSS direkt bei den Eigenschaften des Childtemplates gemacht und das kollidiert dann leider mit Änderungen per Theme-Editor Plugin.
Da habe ich schon so meine tollen Momente hinter mir.
Gibt es denn eine Möglichkeit das auch per CSS-Eintrag bei den Einstellungen des Child-templates im Backend zu machen?
Der Code #footer a:hover { color: #ffffff; }

bewirkt da leider gar keine Änderung.

 

[Sirko W.]

$primary zu ändern, würde sehr viele Stellen im Shop betreffen.
Um wirklich nur den Footer zu erwischen, passt der anfängliche Vorschlag schon. Einfach mal um ein !important erweitern und erneut testen.

#footer a:hover {
    color: #ffffff !important;
}

 

[Zappageck71]

Grandios! Vielen, vielen Dank!
So funktioniert es einwandfrei. 👍