33 geniale Contao-Erweiterungen, die du kennen solltest! - Contao Academy
Ergebnis 1 bis 9 von 9

Thema: Awesome Icon

  1. #1
    Contao-Fan
    Registriert seit
    09.09.2010.
    Beiträge
    335

    Standard Awesome Icon

    Contao 3.3.3
    Isotope-Shop

    Ich möchte nach dem Produktnamen eine kleine Medaille aus AwesomeFonts anzeigen. Das gelingt nicht.

    Das habe ich erfolglos gemacht:

    1. im Template-Header diese Zeile eingefügt:
    <script src="https://kit.fontawesome.com/066e769aad.js" crossorigin="anonymous"></script>

    2. Im Produkt die ID "award" eingetragen

    3. Im lokalen CSS-Styleshet diese ID mit dem Unicode des Icons versehen:
    #award form div.formbody h3 a::after {
    content: "\f5a2";
    }

    Danke für jede Hilfe und Grüsse
    Enzian

  2. #2
    Community-Moderator
    Wandelndes Contao-Lexikon
    Avatar von Spooky
    Registriert seit
    12.04.2012.
    Ort
    Vienna, Austria
    Beiträge
    21.953
    Partner-ID
    10107
    User beschenken
    Wunschliste

    Standard

    https://fontawesome.com/how-to-use/o...seudo-elements

    Bin mir aber nicht sicher ob das mit der JavaScript Variante überhaupt geht.

  3. #3
    Contao-Fan
    Registriert seit
    09.09.2010.
    Beiträge
    335

    Standard

    Danke, aber es zeigt nur das Quadrätchen an.

  4. #4
    Contao-Fan Avatar von Stefko
    Registriert seit
    25.10.2012.
    Ort
    Karlsruhe
    Beiträge
    592
    User beschenken
    Wunschliste

    Standard

    Ahoi,

    Du musst im CSS noch die entsprechende font-family: ...; angeben.
    Grüße, Stefko

  5. #5
    Community-Moderator
    Wandelndes Contao-Lexikon
    Avatar von Spooky
    Registriert seit
    12.04.2012.
    Ort
    Vienna, Austria
    Beiträge
    21.953
    Partner-ID
    10107
    User beschenken
    Wunschliste

    Standard

    Zitat Zitat von enzian Beitrag anzeigen
    Danke, aber es zeigt nur das Quadrätchen an.
    Wie sieht dein CSS nun aus?

  6. #6
    Contao-Fan
    Registriert seit
    09.09.2010.
    Beiträge
    335

    Standard

    #award form div.formbody h3 a::after {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f5a2";
    }

  7. #7
    Community-Moderator
    Wandelndes Contao-Lexikon
    Avatar von Spooky
    Registriert seit
    12.04.2012.
    Ort
    Vienna, Austria
    Beiträge
    21.953
    Partner-ID
    10107
    User beschenken
    Wunschliste

    Standard

    Wie gesagt, ich bin mir nicht sicher, ob das mit der JavaScript Variante funktioniert.

  8. #8
    Contao-Fan
    Registriert seit
    09.09.2010.
    Beiträge
    335

    Standard

    Ja, danke vielmals, du hattest wohl recht.

  9. #9
    Contao-Fan
    Registriert seit
    09.09.2010.
    Beiträge
    335

    Standard

    Wie kann ich die Icon-Bibliothek in meiner Contaoinstallation um ein neues Icon erweitern?

    Danke und Grüsse
    Enzian

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
  •