Plugin Indicate External Links By cubecolour

Nutzt jemand das Plugin Indicate External Links By cubecolour ?
Nutze das und finde es klein und hilfreich. Zum einfachen Kennzeichnen von externen Links werden diese mit einem Pfeil gekennzeichnet. In der normalen PC Ansicht funktioniert das wunderbar aber auf mobilen Geräten ist das von der Farbe und Größe anders und stört das Gesamtbild.
Hat jemand Erfahrung bei der Anpassung des Plugins mittels CSS? Die Tipps vom Programmierer
sind da leider nicht so hilfreich.

"Normale" Ansicht am PC:
"Mobile" Ansicht am handy:

Korrekt, er hatte geantwortet aber ohne einen Blick auf die Seite geht eine Unterstützung leider nicht (Website ist noch auf der NAS im Entwurf). Mit dem CSS hab ich auch schon probiert, bekomme das aber irgendwie nicht hin. Die Pfeile in mobiler Ansicht verändern sich nicht....

Die Frage ist ja was ich davor schreiben kann bzw. muss um das Aussehen des Pfeiles zu ändern.......
Das u.a. Beispiel bewirkt quasi nichts.

nav.post-navigation {
    background: #fefe99 !important;
    font-size: 10px;
}

Was ich suche, ist das Einfügen eines alternativen Icons, hier https://www.w3schools.com/icons/icons_reference.asp ist was beschrieben. Verstehe allerdings nicht wie ich ein alternatives Icon einfügen könnte.

Da hast Recht, aber ich möchte dabei ja auch was dabei lernen. Wünschenswert wäre es wenn der Pfeil auf dem Handy genau so aussieht wie der auf dem PC (s. Bildschirmfoto). Generell wäre es ja auch cool, wenn ein externe Link mit Pfeil erkannt wird und eine PDF z.B. mit einem PDF Symbol. Das lässt sich wohl aber nicht mit diesem Plugin erledigen. Wenn es anders zu lösen wäre (ausschließlich mit CSS) dann wäre das ja auch möglich.....nur das übersteigt im Moment noch meinen Wissenstand :-)

Es würde auch ohne das PlugIn funktionieren, allerdings müsste man dann einen zusätzlichen Font (Awesone) installieren (soweit ich das verstanden habe). Müsste man doch auch mit einer kleinen Grafik anstatt eines Zeichens aus Awesome lösen können, oder?

a[href^="https://"]:not([href*="webseite.de"]):after,a[href^="https://"]:not([href*="webseite.de"]):after{font-family:FontAwesome;font-size:10px;content:"\f08e"}

Zitat von maxe

hab nur mal kurz die Suche bemüht und schreib hier einfach nur mal das erste Ergebnis: https://www.internetkurse-koeln.de/wordpress-externe-links-markieren/

Ohje....ja stimmt......Guter Tipp :) Thanks!!! Aber mein Theme (Sydney) bietet scheinbar die beiden angegeben Fonts nicht. Selbst bei Genericons wird nur ein Kästchen angezeigt.

Interessant finde ich, dass scheinbar das Font Awesome bereits im Theme Sydney installiert ist. Wenn ich das aber mit dem obigen Tipp von Maxe einbinden will, kommt nur ein kleines Kästchen anstatt einem Sonderzeichen....:(

Geht auch nicht....merkwürdig..:confused:

Das habe ich jetzt auch gemacht. Mal schauen was die sagen.....meistens ist die Lösung ja ganz einfach....Ich werde berichten :-)

Es funktioniert über kleine Umwege. Ich habe das Plugin "Font Awesome" installiert und folgenden Code im Custom CSS platziert:

.entry-content a[href^=“http://”]:not([href*=“mywebsite”]):after,
.entry-content a[href^=“https://”]:not([href*=“mywebsite”]):after {
font-family: “fontawesome”;
content: “\f35d”;
padding-left:2px;
font-size:10px;
}

Der Themesupport konnte nur "halb" weiterhelfen. Nach dem Installieren des o.g. Plugins läuft es....warum...? keine Ahnung :-)
Danke für zahlreichen Tipps