FontAwesome wird an einer Stelle nicht gezeigt

Hallo,

ich habe auf meiner Seite gerade ein seltsames Problem, in der oberen Navi wird genau ein
Zeichen nicht angezeigt aus der Schrift FontAwesome:

https://tinyurl.com/yaucdjng

Bei 'Heimspieltage' fehlt das Zeichen. Es sollte einen Tischtennisschläger zeigen, bisschen weiter
unten in den 4 Spalten geht das aber. Ich hab verglichen und gemacht, aber ich komm nicht
drauf, warum das nicht geht. Vielleicht sieht das jemand und kann mir einen Tipp geben.

Danke und viele Grüße.

Wenn Du möchtest, dass sich das jemand anschaut, dann solltest Du die Seite nicht in den Wartungsmodus schalten.

Sry, mein Fehler, ist erreichbar.

https://tinyurl.com/ycyqok26

Hi,

bei Trainingszeiten und Geburtstage wird das Icon per em-Tag eingebunden. Bei Heimspieltage nicht. Ich würde alle gleich handhaben.

Viele Grüße
René

Du verwendest für das eine Zeichen offensichtlich ein anderes Fontpaket (font-family: Font Awesome 5 Free"). Hast du das auch wirklich installiert und ist es erreichbar?

Hallo,

danke für eure Beiträge:

@folkfreund: ich sehe für beide Zeichen 'table-tennis' die gleich Schrift, unten wie oben. Unten in den Spalten geht das Zeichen ja. Also schein die auch geladen zu werden.

@Fehrmann: die Heimspieltage sind halt eine eventlist, kann ich hier gefahrlos das Template ändern? Sonst hab ich in jeder eventlist das Zeichen drin. Ich mach mal ne Kopie...

Grüße

Hi,

ich krieg´s leider nicht hin, deswegen erstmal ein anderes Zeichen.

Vielleicht hat ja nochmal jemand eine zündende Idee.

VG

Hi,

du kannst natürlich ein angepasstes Template erstellen (Layout » Templates) und dieses im Modul (Themes » Module) dann zuweisen.

Viele Grüße
René

Ich hatte mich falsch ausgedrückt:

Ersetze in deinem CSS die Eigenschaften für .mod_eventlist.navi-content h3::before

durch

Code:

---

.mod_eventlist.navi-content h3::before {
    content: "\f45d";
    color: #fff;
    width: 34px;
    height: 34px;
    padding: 8px;
    text-indent: 0px;
    left: -30px;
    position: absolute;
    background-color: #174a97;
    line-height: 0.75em;
    vertical-align: -15%;
    display: inline-block;
    font-size: 1.333em;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-family: "Font Awesome 5 Free";
}

---

Ausschlaggebend ist dabei die letzte Zeile :-)

Hi,

ja, das hab ich eh schon. Nur finde ich in dem Template schonmal gar nicht die Stelle, wo die Überschrift eingebunden wird.

Gibt es da ein Parent-Template?

Komisch, dass ja andere Zeichen ganz normal gehen.

VG

Zitat:

---

Zitat von Fork-Lift-Driver

Hi,

ja, das hab ich eh schon.

---

Nein, das hast du nicht. Schau mit den Developertools deines Browsers nach.
Das CSS auf der Seite lautet aktuell

Code:

---

.mod_eventlist.navi-content h3::before {
    content: "\f073";
    color: #fff;
    width: 34px;
    height: 34px;
    padding: 8px;
    text-indent: 0px;
    left: -30px;
    position: absolute;
    background-color: #174a97;
    font-size: 1.33333333em;
    line-height: 0.75em;
    vertical-align: -15%;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
        font-size: 14px;
    font-size: 1.333em;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}

---

mit mehrfacher Angabe der font-size und der falschen font-family. Und natürlich durch deinen Workaround das andere Zeichen im content...

Hmmm, oke. Weiß grad nicht, wo die andere Schrift herkommt...

Muss ich leider passen, war ein fertiges Template, keine Ahnung, wo ich da ansetzen muss.

Trotzdem danke und VG

..aha, geht doch. Danke für eure Tipps.

VG