[Résolu] Lien avec texte et icône : comment ne sélectionner que le tex

Bonjour à tous et à toutes,

(Je vais essayer de faire court) Sur WordPress, j'ai créé un menu avec Elementor. Comme je voulais une icône maison pour le bouton accueil, j'ai donc maintenant :
- Une icône maison
- Le libellé Accueil
En code HTML, voici ce que ça donne :

<li id="menu-item-171" class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item current_page_item menu-item-home menu-item-171 nav-item elementskit-mobile-builder-content active" data-vertical-menu="750px">
    <a href="http://wordpress" class="ekit-menu-nav-link active">
        <i class="ekit-menu-icon icon icon-home"></i>
            Accueil
    </a>
</li>

Via Elementor, je n'arrive pas à masquer le libellé. Je suis donc contraint de le faire en CSS.
Problème, je ne sais pas comment sélectionner/cibler uniquement le libellé Accueil pour le masquer.
J'ai essayé ceci :

#menu-item-171 a:not(#menu-item-171 a i.icon-home) {
	display: none;
}

Mais ça masque Et le libellé ET l'icône.
Comment faire pour ne sélectionner et ne masquer QUE le libellé ?

Merci par avance pour votre aide

Bonne journée

Bonjour gcyrillus,

Merci beaucoup , ton dernier code CSS fonctionne très bien, super !!
Effectivement, j'ai pas pensé mettre un font-size à 0.
Bonne astuce

Bonne journée