Neu Linkfarbe im Header und Footer ändern - JTL Shop 5?

[Odintyr]

Hallo Zusammen,

wie kann ich die Linkfarbe nur im Header und Footer ändern ohne alle anderen Links die Farbe mit verändern?

Mit freundlichem Gruß
Paul

 

[MHillmann]

Hallo @Odintyr

das kann man auf viele Arten machen. Die Brechstange wäre sicherlich soetwas:

#jtl-nav-wrapper a, #footer a, #header-top-bar a {
    color: pink;
}

Entsprechend dann für hover.

Eine andere Variante wäre im Child-Template die Variablen $footer-color und $header-color zu überschreiben.
https://jtl-devguide.readthedocs.io/projects/jtl-shop/de/latest/shop_templates/primary_color.html


Viele Grüße
Michael

 

[Odintyr]

Hallo @Odintyr

das kann man auf viele Arten machen. Die Brechstange wäre sicherlich soetwas:

#jtl-nav-wrapper a, #footer a, #header-top-bar a {
    color: pink;
}

Entsprechend dann für hover.

Eine andere Variante wäre im Child-Template die Variablen $footer-color und $header-color zu überschreiben.
https://jtl-devguide.readthedocs.io/projects/jtl-shop/de/latest/shop_templates/primary_color.html


Viele Grüße
Michael

Hallo Michael,

ich habe es mit $footer-color und $header-color versucht. Beim Header funktioniert das, Text und Linkfarbe ändert sich. Beim Footer ändert sich zwar die Farbe des normalen Text, aber nicht die Linkfarbe.

Viele Grüße
Paul

 

[Odintyr]

Hallo @Odintyr

das kann man auf viele Arten machen. Die Brechstange wäre sicherlich soetwas:

#jtl-nav-wrapper a, #footer a, #header-top-bar a {
    color: pink;
}

Entsprechend dann für hover.

Eine andere Variante wäre im Child-Template die Variablen $footer-color und $header-color zu überschreiben.
https://jtl-devguide.readthedocs.io/projects/jtl-shop/de/latest/shop_templates/primary_color.html


Viele Grüße
Michael

Habe da jetzt ein wenig rumprobiert. Der Header funktioniert einwandfrei Text und Hover Farbe geht. Beim Footer bekomme ich nur die Textfarbe geändert, aber keine zusätzliche Hoverfarbe.

Gruß
Paul

 

[MHillmann]

Mit der Brechstangen-Lösung habe ich keine Problem auch den hover der Links im footer zu ändern.

 

[Odintyr]

Mit der Brechstangen-Lösung habe ich keine Problem auch den hover der Links im footer zu ändern.

Bei mir ändert sich leider nur der Header, beim Footer tut sich nichts.

Ich stell mal den Link rein www.wikingar.de

 

[MHillmann]

Habs jetzt nur im Browser bei euch probiert aber

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

tut das gewünschte.

 

[Odintyr]

Habs jetzt nur im Browser bei euch probiert aber

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

tut das gewünschte.

Ja, super es funktioniert 🙂 Ich bedanke mich!