Schriftfarbe

[labrf]

Hallo,
ich versuche die Schriftfarbe in der Position Breadcrumbs und für die icons von phoca cart zu ändern. Ich nutze das template child_cassiopeia_phocacart_fashion_v4.0.0. Mit xampp habe ich die Einstellungen in der user.css in den Templates passend hinbekommen.
Nach upload dieser Dateien funktioniert es leider nicht und die Schrift ist noch blau.
Kann mir jemand einen Tipp geben?

[Jan]

Hallo, die Frage ist, ob CSS für die Schriftfarbe in Breadcrumbs richtig appliziert war (z.B. es ist Link, nicht nur span, usw.). Kann ich die Website sehen, wo es passiert? Und kannst Du hier Screenshot eingeben, auf welchen Teil bezieht es sich?

Jan

[labrf]

Hey Jan,
hier ist ein screenshot
https://imgur.com/a/WO5BWZJ
Es ist einmal die Navigationsleiste und die icons für Warenkorb, etc.
Vielen Dank vorab und deine tolle Arbeit mit phoca cart!

[christine]

Hallo,

Gib mal folgende Codes ans Ende der user.css:

Code: Select all

a.pathway {
color: var(--phoca-color-minor);
}
.breadcrumb {
--breadcrumb-item-active-color: var(--phoca-color-minor);
}
span.divider.icon-location.icon-fw {
color: var(--phoca-color-minor);    
}

sähe dann so aus:



diese weinrote Farbe habe ich hier gefunden:
var(--phoca-color-minor);

Liebe Grüße
Christine

[labrf]

Vielen Dank,
damit konnte ich schon mal eine Sache lösen.
Die icon Farbe vom Warenkorb möchte ich noch ändern. da muss ich nochmal weiter recherchieren.
Liebe Grüße,
Rita

[christine]

Hallo Rita,

dachte, Du möchtest es in weinrot. Hast statt --phoca-color-minor --phoca-color-main genommen.

Warenkorb (wenn Du den oben rechts meinst):

Code: Select all

button#phItemCartBoxBtn{
background-color: var(--phoca-color-main); 
}

Code: Select all

.ph-cart-count-sup {
background: var(--phoca-color-main);
}

Liebe Grüße
Christine

[labrf]

Hallo Christine,
den Warenkorb oben rechts meine ich nicht. Es sind die Icons für Warenkorb und Schnellansicht, die noch blau sind, neben den Produktbildern. Muss ich dazu in den fontawesome Dateien etwas ändern oder ist es auch in der user.css möglich?
Herzliche Grüße,
Rita
https://imgur.com/a/fOrQhye

[christine]

Hallo Rita,

Probier es damit in der user.css

Code: Select all

.fa, .fas, [class*=" icon-"], [class^="icon-"] {
background-color: var(--phoca-color-main);
color: #fff; 
border: 2px solid #000;      
} 

wär dann so statt blau:


"Nebeneffekte" wo anders, musst Du dann halt schauen.

Liebe Grüße
Christine

[labrf]

Herzlichen Dank!
Mit deiner Anleitung und etwas ausprobieren habe ich jetzt ein Ergebniss, was für mich passt.

Liebe Grüße,
Rita

[christine]

Hallo Rita,

das freut mich

Liebe Grüße
Christine