Copyright Zeile ganz unten Farbe ändern

mike139

Mitglied
21. Juni 2023
44
2
Hallo zusammen,

ich wollte die Hintergrundfarbe der Copyright Zeile im Shop Backend unter Einstellungen -> Templates -> Nova Child Template von schwarz auf rot ändern. Nach der Änderung war der Hintergrund zwar nicht mehr schwarz aber statt rot war er weiß. Jetzt wenn ich die Farbe wieder auf schwarz ändern möchte bleibt der Hintergrund weiß.

Der Eintrag in der variables.scss bringt leider auch nichts:
$copyright-bg-color: #000000;

Hat jemand vielleicht eine Idee was das Problem sein könnte?

Vielen lieben Dank schon mal.
 

Anhänge

  • Screenshot 2024-10-21 113546.jpg
    Screenshot 2024-10-21 113546.jpg
    34,8 KB · Aufrufe: 4

StaengleGmbH

Aktives Mitglied
5. Oktober 2022
5
2
Hallo,

Hast du nach dem Ändern der Farbe im Backend den Cache deines Browsers geleert? Bei Windows Strg. + Shift + entfernen und dann temporäre Dateien im Cache löschen.

Alternativ kannst du die Hintergrundfarbe auch mittels CSS verändern:
#copyright {
background-color: #dein Hexacode !important;
}

Viele Grüße
Julian
 
  • Gefällt mir
Reaktionen: mike139

mike139

Mitglied
21. Juni 2023
44
2
Hey Julian,

vielen Dank für deine Antwort das hat mir schon mal riesig geholfen. :)

Ich habe es jetzt so gemacht:
#copyright {
background-color: #000000 !important;
color: #FFFFFF !important;
height: 50px;
}

Jetzt ist der Hintergrund wieder schwarz und die Schrift weiß. Die Höhe habe ich angepasst auf 50px. Der Copyright Hinweis ist ja Rechtsbündig oben. Ich würde gerne den Hinweß vertikal in der Mitte und aber auch horizontal in der Mitte haben wollen. Wie könnte ich das noch einfügen?

Dankeschön nochmals für die Hilfe.
 

StaengleGmbH

Aktives Mitglied
5. Oktober 2022
5
2
Folgendes CSS hat bei mir nach probieren im Browser funktioniert. Müsstest du bei dir prüfen, ob das bei dir auch funktioniert, oder es von einem anderen Style überschrieben wird oder zu sonstigen ungewollten Veränderungen führt.
Bitte informiere dich jedoch, in wie weit du die copywrite Hinweise von JTL verschieben/optisch verändern darfst.

#copyright .row {
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
}

#system-credits {
margin-top: 10px;
margin-left: 0;
}
 
  • Gefällt mir
Reaktionen: mike139

Ähnliche Themen