Erledigt - a-tag ausblenden und nur a:before anzeigen lassen

[Sargas]

Moin Leute,

ich habe auf einer Wordpressseite in der Navigation einen extra Link (#search) für die Suche eingebaut. Per Klick erscheint das Overlay. Soweit klappt das auch. Nur würde ich gerne auf den Linktext verzichten und nur ein Font-Awesome Icon an der Stelle haben. Ich kann zwar dem Link eine eigene Klasse geben und über :before das Icon da hinsetzen, nur leider bekomme ich den Linktext, also das was zwischen <a>Linktext</a> steht, nicht ausgeblendet. Leer lassen kann ich das Feld nicht.

Jemand eine Idee?

 

[TPHeinz]

Moin,

Idee = html leerzeichen setzen <a>&nbsp;</a>

 

[Sargas]

Das funktioniert leider auch nicht

 

[_schatzi_]

Hallo!

a{visibility:hidden;}
a:before{visibility:visible;}

 

[lipsum media]

Schriftfarbe dem Hintergrund anpassen?

 

[Sargas]

Hallo!

a{visibility:hidden;}
a:before{visibility:visible;}

Danke, das funktioniert. Allerdings habe ich grade festgestellt, dass ich auch HTML ins Namensfeld schreiben kann, was ich mir nicht vorstellen konnte und es daher auch nicht probiert hatte vorher...

Danke euch allen