Contao-Camp 2024
Ergebnis 1 bis 14 von 14

Thema: FontAwesome wird an einer Stelle nicht gezeigt

  1. #1
    Contao-Nutzer
    Registriert seit
    07.05.2017.
    Beiträge
    174

    Standard 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.
    Geändert von Fork-Lift-Driver (05.10.2018 um 10:18 Uhr)

  2. #2
    Administratorin Avatar von lucina
    Registriert seit
    19.06.2009.
    Ort
    Kiel (DE)
    Beiträge
    7.328
    Partner-ID
    152
    User beschenken
    Wunschliste
    Contao-Projekt unterstützen

    Support Contao

    Standard

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

  3. #3
    Contao-Nutzer
    Registriert seit
    07.05.2017.
    Beiträge
    174

    Standard

    Sry, mein Fehler, ist erreichbar.

  4. #4

  5. #5
    Contao-Fan Avatar von Fehrmann
    Registriert seit
    04.07.2009.
    Ort
    Wismar
    Beiträge
    580
    Contao-Projekt unterstützen

    Support Contao

    Standard

    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é
    Software-Entwickler Backend/Frontend

  6. #6
    Contao-Urgestein Avatar von folkfreund
    Registriert seit
    09.04.2010.
    Beiträge
    1.928

    Standard

    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?

  7. #7
    Contao-Nutzer
    Registriert seit
    07.05.2017.
    Beiträge
    174

    Standard

    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

  8. #8
    Contao-Nutzer
    Registriert seit
    07.05.2017.
    Beiträge
    174

    Standard

    Hi,

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

    Vielleicht hat ja nochmal jemand eine zündende Idee.

    VG

  9. #9
    Contao-Fan Avatar von Fehrmann
    Registriert seit
    04.07.2009.
    Ort
    Wismar
    Beiträge
    580
    Contao-Projekt unterstützen

    Support Contao

    Standard

    Hi,

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

    Viele Grüße
    René
    Software-Entwickler Backend/Frontend

  10. #10
    Contao-Urgestein Avatar von folkfreund
    Registriert seit
    09.04.2010.
    Beiträge
    1.928

    Standard

    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 :-)

  11. #11
    Contao-Nutzer
    Registriert seit
    07.05.2017.
    Beiträge
    174

    Standard

    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

  12. #12
    Contao-Urgestein Avatar von folkfreund
    Registriert seit
    09.04.2010.
    Beiträge
    1.928

    Standard

    Zitat Zitat von Fork-Lift-Driver Beitrag anzeigen
    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...

  13. #13
    Contao-Nutzer
    Registriert seit
    07.05.2017.
    Beiträge
    174

    Standard

    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

  14. #14
    Contao-Nutzer
    Registriert seit
    07.05.2017.
    Beiträge
    174

    Standard

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

    VG

Aktive Benutzer

Aktive Benutzer

Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)

Lesezeichen

Lesezeichen

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •