Ohne Link zur Webseite wird es schwierig zu helfen.
Forenregeln bitte beachten 
Moechte gerne das Listenaufzaehlungszeichen von dem schwarzen runden gefuelltem
Kreis
???
Mach mal ´n Screenshot.
Es gibt in der joomla.css (Zeile 736) folgenden Eintrag:
.item ul li:before,
.item-page ul li:before,
.items-leading ul li:before {
font-family: FontAwesome;
content: "\f105";
padding-right: 10px;
color: #333;
}Color bestimmt dabei die Farbe von deinem Zeichen. Am besten über die custom.css die Farbe ändern! Hellgrau wäre vielleicht #ccc.
Oder halt im Framework/Template irgendwo eintragen, wenn die Möglichkeit besteht. Überprüfe aber, ob es nicht an anderen Stellen auch geändert wird, wo es nicht geändert werden soll. Dann entsprechend anpassen!
Oder halt die .fa bearbeiten, also ein color hinzufügen! Daran bastelst du ja, wie ich gerade gesehen habe. Wenn du es fett hinbekommst, dann sicherlich auch in einer anderen Farbe.
p.s. Darf ich noch fragen, warum du mit Joomla 3.10.3 arbeitest. Entweder 3.10.10 oder halt gleich mit Joomla 4 anfangen, wenn du die Seite ganz neu aufbauen möchtest! Das wäre mein Tipp!
verwende ein Template, das auf dem Helix-Ultimate-Framework
Dann würde ich gleich das Helix Ultimate Quickstartpack oder Template für Joomla 4 nehmen:
Hallo zusammen,
danke Euch.
Die Webseite http://test2.tes-ten.de/ ist Joomla 3, ja das ist richtig. Das Template wird nicht von Joomla 4 unterstuetzt.
Daher habe ich angefangen, die Webseite mit einem neuen, Helix-basiertem, Template unter Joomla 4
nachzubauen. Das ist die Webseite http://test1.tes-ten.de/.
Ich moechte das Erscheinungsbild gerne komplett nachbauen.
Daher also meine Frage, wie man bei ul li die Listeneintraege mit einem
>
am Anfang hinbekommen kann.
Es gibt in der joomla.css (Zeile 736) folgenden Eintrag:
Ja, das ist richtig. Das ist ja aber in der alten Webseite. Und wenn ich genau diese Zeilen in das custom.css von dem Helix-basierten
Template unter Joomla 4 einbaue, dann juckt ihn das ueberhaupt nicht und es bringt leider nicht das gewuenschte Ergebnis.
Oder halt die .fa bearbeiten, also ein color hinzufügen! Daran bastelst du ja, wie ich gerade gesehen habe. Wenn du es fett hinbekommst, dann sicherlich auch in einer anderen Farbe.
Wie mache ich das mit dem .fa bearbeiten? Das fett habe ich nicht selber hinbekommen, das kam von selber, als ich die Syntax, wie oben beschrieben, verwendet habe.
Gruss, Buchi
Hallo Buchi,
also das /test2 ... ist ein AVThemes (gibt es dann eh nicht mehr). Du hast von der Joomla 3 Seite viele CSSen in die /test1 übernommen bzw. übernehmen wollen. Die Syntaxen zwischen den 2 Templates, sind da natürlich unterschiedlich und kann man nicht alles 1:1 übernehmen ...
Zu dem Wunsch von /test1 (in die custom.css):
.fa, .fas, [class*=" icon-"], [class^="icon-"] {
color: #ccc !important;
}Das: !important; musste ich deswegen dazugeben, weil:
Bei der 1. Zeile > das ist 1 (siehe Bild) gibt es ein Inline Segment:
<i class="fa-li fa fa-angle-right" style="color:#333;"></i> mit der Farbe #333;
Das "fett" kommt dadurch, da es ein font-weight: 900 gibt.
Liebe Grüße
Christine
Hallo,
danke Dir. 
Das fett wuerde ich gerne wegbekommen.
Habe es mit
.fa, .fas, [class*=" icon-"], [class^="icon-"] {
color: #333 !important;
font-weight: 400 !important;
}Probiert, aber dann verschwinden die
>
ganz.
Und kann ich es irgendwie nur mit css hinbekommen, ohne dass ich es mit
<ul class="fa-ul">
<li><i class="fa-li fa fa-angle-right"></i>das ist 1</li>
<li><i class="fa-li fa fa-angle-right"></i>das ist 2</li>
<li><i class="fa-li fa fa-angle-right"></i>das ist 3</li>
</ul>mache, nur mit
<ul>
<li>Das ist Eintrag 1</li>
<li>Das ist Eintrag 2</li>
</ul>dass dann auch in solchen Listen ein
>
als Aufzaehlungszeichen automatisch davor gestellt wird? (Aber ohne, dass es dann die Breadcrumbs auch mit aendert.)
Hatte es mit
li::marker {
font-family: FontAwesome !important; */
content: "\f105 " !important; */
padding-right: 10px !important;
color: #c12678 !important;
}probiert, das juckt das System dann leider ueberhaupt nicht, da ein
>
voranzustellen bei einer normalen Liste.
Kann mann man das irgendwie mit css fuer den ::marker hinbekommen?
Gruss, Buchi
Hallo,
wenn die Syntax stimmt:
li::marker {
font-family: FontAwesome;
content: "\f105";
padding-right: 10px;
color: #c12678;
}Christian
Hallo Christian,
besten Dank.
Das hatte ich ja probiert, siehe oben,
funktioniert aber leider nicht. 
Und zudem soll er es nur bei dem ul li machen und
nicht bei den Breadcrumbs.
Gruss, Buchi
Also bei mir hat das funktioniert.
Es gibt schon Unterschiede zwischen meinem Code und dem von Dir geposteten Code.
Natürlich kann man mit speziellen Selektoren per CSS da natürlich was machen.
Christian
und wie kann ich dieses font-weight 900 wegbekommen?
wenn ich das im custom.css eintrage
.fa, .fas, [class*=" icon-"], [class^="icon-"] {
color: #333 !important;
font-weight: 400 !important;
}dann macht er das Zeichen
>
am Anfang vom Listenelement ganz weg.
Wie kann ich die font-weight vom Listenelement aendern?
Gruss, Buchi
Hallo,
Nachfrage: Ist das noch der Link zum Problem?
http://test2.tes-ten.de/index.…e-2/seite-2-1/seite-2-1-1
Ich entdecke keine custom.css, noch die Verwendung von den im #14 verwendeten Klassen.
Christian
Im Eingangspost schreibst Du, dass Du ein leichtes Grau möchtest.
Warum nimmst Du dann #333 statt z.B. #ccc; wie in #9?
(test1/... Seite) Zu dem Problem wegen font-weight: In der joomla-fontawesome.min.css ist es mit 900 verankert.
Es gelingt mir nicht, diese auf einen anderen Wert in der custom.css zu verändern.
Hab mir auch das da angesehen: https://fontawesome.com/icons/angle-right?s=thin bzw. bei Klick drauf:
https://fontawesome.com/icons/angle-right?s=thin die verschiedenen Einträge.
Liebe Grüße
Christine
Weil ich am Anfang dachte, dass es an der Farbe liegt, dass es so dunkel aussieht. Es hat sich dann erst im weiteren
Verlauf herausgestellt, dass es nicht an der Farbe liegt (die ist ja nun inzwischen auch ein leichtes zu aendern geworden), sondern an
dem fetten font-weight.
Und koennte man die 900 denn da in was anderes aendern oder ist das bei dem freien FontAwesome nicht moeglich?
Die Farbe ist immer noch dunkel und nicht hell grau. Egal.
Habe nicht gesagt, dass Du was in der joomla-fontawesome.min.css ändern sollst. Ändern etc. wie gewohnt in der custom.css, wo es halt leider nicht hilft.
Von den fontawesome hast Du die Version 5.15.4: https://fontawesome.com/v5/icons/angle-right?s=light
Es gäbe da eine neuere: 6.(1.1): https://fontawesome.com/search?s=thin Da habe ich dieses "thin" aufgeschlagen.
Liebe Grüße
Christine