Die URL ist leider nur für registrierte User sichtbar:
Und wie soll man dir dann helfen können?
Dann kann man Dir nur Hilfe zur Selbsthilfe geben: Gehe in die Entwicklertools Deines Browsers und schaue Dir die entsprechende Stell in HTML und CSS. Dann musst Du Dir die richtige(n) Klasse(n) suchen und per lokalem CSS anpassen.
Und wie soll man dir dann helfen können?
Ok, ich habe jetzt einfach vorübergehend auf public gestellt in der Hoffnung, dass sich nicht irrtümlich jemand anmeldet. Ist Hilfe jetzt möglich?
Dann kann man Dir nur Hilfe zur Selbsthilfe geben: Gehe in die Entwicklertools Deines Browsers und schaue Dir die entsprechende Stell in HTML und CSS. Dann musst Du Dir die richtige(n) Klasse(n) suchen und per lokalem CSS anpassen.
Kenne mich leider nicht mit CSS-Klassen und der Syntax aus
Es ist der Card Title. Schreibe diesen Code in deine custom.css. Die Farbe dann nach eigenen Wünschen ersetzen.
card-title {
color: #ff197a;
}
Du hast in bs-card-title-color keine Farbe hinterlegt.
.card {
--bs-card-spacer-y: 1rem;
--bs-card-spacer-x: 1rem;
--bs-card-title-spacer-y: 0.5rem;
--bs-card-title-color: ;
--bs-card-subtitle-color: ;
--bs-card-border-width: var(--bs-border-width);
--bs-card-border-color: var(--bs-border-color-translucent);
--bs-card-border-radius: var(--bs-border-radius);
--bs-card-box-shadow: ;
--bs-card-inner-border-radius: calc(var(--bs-border-radius) - (var(--bs-border-width)));
--bs-card-cap-padding-y: 0.5rem;
--bs-card-cap-padding-x: 1rem;
--bs-card-cap-bg: rgba(var(--bs-body-color-rgb), 0.03);
--bs-card-cap-color: ;
--bs-card-height: ;
--bs-card-color: ;
--bs-card-bg: var(--bs-body-bg);
--bs-card-img-overlay-padding: 1rem;
--bs-card-group-margin: 0.75rem;
color: var(--bs-body-color);
word-wrap: break-word;
}Du hast in bs-card-title-color keine Farbe hinterlegt.
Code
Die Quelle ist extern und hat mit bootstrap zu tun. Habe .card {
--bs-card-color: #ff197a;
--bs-card-bg: #1a1a1a50;
} in die custom.css und, weil Gantry, auch in die custom.scss getan und den Cache gelöscht. Das ändert aber nichts.
Es ist der Card Title. Schreibe diesen Code in deine custom.css. Die Farbe dann nach eigenen Wünschen ersetzen.
card-title {
color: #ff197a;
}
Funktioniert leider nicht
Moin,
Syntax beachten!
Bei einer Klasse muss der Name mit einem Punkt beginnen, also
.card-title
Christian
Moin,
Syntax beachten!
Bei einer Klasse muss der Name mit einem Punkt beginnen, also
.card-title
Christian
ja, aber auch das funktioniert nicht in der custom.css
ja, aber auch das funktioniert nicht in der custom.css
Schau mal hier:
Adding a Custom Style Sheet | Gantry Documentation
Liebe Grüße
Christine
Schau mal hier:
https://docs.gantry.org/gantry5/tutori…tom-style-sheetLiebe Grüße
Christine
Ja, vielen Dank. Bei mir ist die Dateistruktur etwas anders, als in der Gantry-Doku, deshalb stand auch die custom.scss woanders. Jetzt habe ich es Doku-gemäß eingerichtet und es funktioniert trotzdem nicht:
Und das steht jetzt drin:
Any idea? Der Cache ist natürlich gelöscht.
Versuche es mal mit einem !important dahinter:
.card-title {
color: #ff197a!important;
}Allerdings sollte man !important nicht nutzen, sondern mit spezifischen Regeln arbeiten:
CSS-Anweisungen „durchsetzen“ über !important
Habe ich aber noch nie genutzt/gebraucht.
Versuche es mal mit einem !important dahinter:
CSS.card-title { color: #ff197a!important; }Allerdings sollte man !important nicht nutzen, sondern mit spezifischen Regeln arbeiten:
https://www.html-seminar.de/css-important.htm
Habe ich aber noch nie genutzt/gebraucht.
funktioniert nicht 
Da ich keine custom.css gefunden habe, habe ich es in die custom_33.css gesetzt:
Kenne mich beim Gantry aber nicht aus.
deshalb stand auch die custom.scss woanders
Da ich gantry nicht verwende: Schreibt man dort wirklich in die custom.scss?
Üblicherweise ändert man die custom.css. Und verwende kein !important
Da ich gantry nicht verwende: Schreibt man dort wirklich in die custom.scss?
Üblicherweise ändert man die custom.css. Und verwende kein !important
Ja, wird empfohlen, weil das System die custom.css überschreibt
Da ich keine custom.css gefunden habe, habe ich es in die custom_33.css gesetzt:
Kenne mich beim Gantry aber nicht aus.
Das verstehe ich nicht. In der custom_33.css gibt es keinen Eintrag für card oder card-title. Ich habe das jetzt in custom_33.css eingegeben (findet sich bei Gantry unter css-compiled), und es tut sich nichts 
To create a custom CSS file, you just have to create a new css file at /templates/[TEMPLATE]/css/ and name it [TEMPLATE]-custom. css. The new custom CSS file will automatically get loaded by the Gantry framework.
Ok, ich habe es angeschaut. Die ganze card ist vollkommen falsch aufgebaut.
Ich weiss nicht ob gantry das so macht.
Jedenfalls ist die Überschrift </h5> innerhalb eines Links und damit gilt die Farbe weiss für diesen link.
Ok, ich habe es angeschaut. Die ganze card ist vollkommen falsch aufgebaut.
Ich weiss nicht ob gantry das so macht.
Jedenfalls ist die Überschrift </h5> innerhalb eines Links und damit gilt die Farbe weiss für diesen link.
Ist das nicht eher ein Problem bei TF Learn? Wo kann ich denn im Zweifelsfall die Farbenzuordnung für die Überschriften-Hierarchien editieren? Klingt für dich vermutlich einfach, aber ich finde es nicht in der Template-Administration. H5 brauche ich normalerweise sowieso nicht...
OK, habe gerade h5 { color: #B8860B; } in die custom.css und custom.scss eingegeben, das ändert aber nichts.
OK, habe gerade h5 { color: #B8860B; } in die custom.css und custom.scss eingegeben, das ändert aber nichts
natürlich nicht. Ich verstehe, dass du mit scss undd css nicht vertraut bist.
Ich glaube, dass du in deinem Template die cards neu aufbauen solltest, ganz sorgfältig.
Du möchtest da Links zu deinem Angebot haben - das ist aber in der jetzigen Form nicht sauber.
