Das CSS ist zumindest prinzipiell korrekt:
https://developer.mozilla.org/en-US/docs/Web/CSS/cursor#Syntax
und funktioniert nach dem Strickmuster
.path-mod-pdfannotator .cursor-pen * {
cursor: url(/path/to/image) [x] [y], [fallback];
}
Die x- (horizontal) und y-Angabe (vertikal) sind Angaben in Pixeln ohne die "px" hinter der Zahl, x verschiebt nach rechts, y nach oben. Ob negative Angaben gehen (für "nach links" und "nach unten") weiß ich nicht.
Das Fallback-Icon muss ein Standard-Cursor (z.B. pointer, help, wait, not-allowed, etc.) sein.
Wenn ich mal eine andere Icon-URL verwende und die Koordinaten anpasse (0 auf der x und 128 auf der y-Achse, da das icon 128px hoch ist), funktioniert das auch mit dem Strich links unten (passend zum Icon):
Die !important-Angabe ist wichtig, um die Standard-Einstellungen zu überschreiben. Doof ist, dass man (im Gegensatz zu z.B. background-images) die Koordinaten nicht seperat überschreiben kann, soweit ich weiß.
Vorschlag: Du müsstest im Custom CSS (oder SCSS, je nach Theme) des Themes das Icon und die Koordinaten incl. !important-Angabe überschreiben.
Dafür benötigst Du natürlich ein Icon, welches über eine URL verlässlich und "frei" erreichbar ist (evtl. im pix-Ordner des Child-Themes? Vielleicht geht das auch als Datei-Resource auf der Startseite (verborgen aber verfügbar).
Also der langen Rede kurzer Sinn: Überschreibe via CustomCSS die Standard-Grafik und positioniere sie passend zur Icon-Größe, dass der gezeichnete Strich die "Miene" des Stift-Icons trifft.
Klappt das?