Font Awesome Icon hinter Text-Links einfügen

  • Hallo liebe Community, vielleicht könnt ihr mir helfen.

    Ich würde in meinem Blog gerne hinter Text-Links im Content-Bereich das Font Awesome Icon für "Outlinks" > "f08e" einfügen. Hierfür habe ich folgende Modifikation in der style.css meines Themes versucht:

    HTML
    .entry a:after { font-family: FontAwesome; content: " \f08e"; }

    Allerdings ist das Icon dann nicht nur hinter Text-Links zu finden, sondern überall, wo sich Links im Entry-Bereich befinden. Zum Beispiel auf eingefügten Bildern, die sich per Klick vergrößern lassen, auf der Startseite hinter dem Titel, hinter dem Artikelbild, hinter dem Weiterlesen-Link. Überall, wo quasi Links drauf liegen. Habt ihr eine Idee, wie ich den Code nur auf Text-Links beschränke und auch auf der Startseite die Titel und Weiterlesen-Links davon ausnehme?

    ich habe auch schon testweise per span eine eigene Klasse über <?php the_content drüber gelegt, leider sind die Icons dann trotzdem hinter dem Weiterlesen-Link und so weiter, beschränkt sich also auch so nicht nur auf den Inhalt :(

    Vielen Dank für die Hilfe.

    • Anzeige

    Hallo!

    Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

    • ✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
    • ✔️ Deutsche Server & DSGVO-konform
    • ✔️ Persönlicher Support (kein 0815-Ticket-System)

    Mehr erfahren

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!