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 :
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 :
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
(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