Schriftfarbe

Phoca Templates - templates for Joomla! CMS
labrf
Phoca Member
Phoca Member
Posts: 12
Joined: 18 Apr 2021, 12:39

Schriftfarbe

Post by 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?

Tags:
User avatar
Jan
Phoca Hero
Phoca Hero
Posts: 48386
Joined: 10 Nov 2007, 18:23
Location: Czech Republic
Contact:

Re: Schriftfarbe

Post by 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
If you find Phoca extensions useful, please support the project
labrf
Phoca Member
Phoca Member
Posts: 12
Joined: 18 Apr 2021, 12:39

Re: Schriftfarbe

Post by 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
Phoca Hero
Phoca Hero
Posts: 2818
Joined: 28 Nov 2010, 17:20

Re: Schriftfarbe

Post by 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:

Image

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

Liebe Grüße
Christine
labrf
Phoca Member
Phoca Member
Posts: 12
Joined: 18 Apr 2021, 12:39

Re: Schriftfarbe

Post by 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
Phoca Hero
Phoca Hero
Posts: 2818
Joined: 28 Nov 2010, 17:20

Re: Schriftfarbe

Post by 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
Phoca Member
Phoca Member
Posts: 12
Joined: 18 Apr 2021, 12:39

Re: Schriftfarbe

Post by 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
Phoca Hero
Phoca Hero
Posts: 2818
Joined: 28 Nov 2010, 17:20

Re: Schriftfarbe

Post by 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:
Image

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

Liebe Grüße
Christine
labrf
Phoca Member
Phoca Member
Posts: 12
Joined: 18 Apr 2021, 12:39

Re: Schriftfarbe

Post by labrf »

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

Liebe Grüße,
Rita
christine
Phoca Hero
Phoca Hero
Posts: 2818
Joined: 28 Nov 2010, 17:20

Re: Schriftfarbe

Post by christine »

Hallo Rita,

das freut mich :)

Liebe Grüße
Christine
Post Reply