Bonjour à tous,

Voilà, j'ai un souci, c'est à devenir fou.

J'ai un "menu top" dans lequel j'ai 4 éléments :

Comme vous pouvez le voir, le bouton "Actualités" n'a pas suivi le "style" des autres (j'ai remplacé le lien du menu ce matin).

J'ai donc cherché avec l'examinateur d'éléments sous Firefox, et je trouve ceci :

J'ai fini par trouver que les lignes correspondant à mes 3 éléments "bons" contiennent :
class="hvr-overline-from-center menu-item menu-item-type-post_type menu-item-object-page menu-item-1178"

Et le bouton actualités ne possède PAS la phrase en gras ci-dessus. En l'ajoutant, je vois que c'est ce qui manque à l'élément pour être bon.

Sauf que voilà mon problème ; impossible de modifier ça ! Je suis allé dans le CSS, j'ai essayé en mettant l'id "menu-item-12168" puis la phrase en gras, rien du tout...

Si quelqu'un peut m'aider, j'en serais reconnaissant ! Je vais finir par devenir fou

Tu dis avoir mis ça dans l'id, mais tu devrais plutôt le mette dans la class non ?
(typo p-e ?)

Le 19 février 2020 à 16:39:25 Highscore a écrit :
Tu dis avoir mis ça dans l'id, mais tu devrais plutôt le mette dans la class non ?
(typo p-e ?)

Pardon, je me suis trompé en écrivant : j'ai mis "hvr-overline-from-center (+ le reste) dans class, et "menu-item-15168" en id.

En fait j'essaie de modifier ça dans le CSS, mais d'après tout ce que je lis depuis cet après-midi j'ai l'impression que c'est dans le JavaScript que je dois faire des modifs... Sauf que je n'ai aucune idée de quel fichier utiliser !

Ce n'est pas le CCS qu'il faut modifier, mais la class de cette li dans le HTML. Comme tu l'as vu, il manque le "hvr-overline-from-center " à cette li.

Le 19 février 2020 à 20:13:07 tirealatete a écrit :
Ce n'est pas le CCS qu'il faut modifier, mais la class de cette li dans le HTML. Comme tu l'as vu, il manque le "hvr-overline-from-center " à cette li.

Tout à fait ! Mais du coup je ne trouve pas le fichier correspondant dans mes fichiers source...

EDIT : j'ai créé un document "modifactu.js", et j'ai entré ça dedans :

"document.getElementById(menu-item-1178).className = « hvr-overline-from-center menu-item menu-item-type-post_type menu-item-object-page menu-item-1178 »"

Pas marché...

Yo ! Au final j'ai dû passer par l'agence qui nous a créé le site à la base, pour lui demander de checker le code, car malgré mes recherches et mes tests ça n'a rien donné. Je passerai en résolu s'il trouve et m'explique le souci

Essaye plutôt ça en javascript
var element = document.getElementById("menu-item-1178");
element.classList.add("hvr-overline-from-center");

Le 25 février 2020 à 11:26:11 awax31 a écrit :
Essaye plutôt ça en javascript
var element = document.getElementById("menu-item-1178");
element.classList.add("hvr-overline-from-center");

Merci pour ta réponse j'intègre ça dans quel fichier ?

Le 25 février 2020 à 11:31:38 Pierrot-T01 a écrit :

Le 25 février 2020 à 11:26:11 awax31 a écrit :
Essaye plutôt ça en javascript
var element = document.getElementById("menu-item-1178");
element.classList.add("hvr-overline-from-center");

Merci pour ta réponse j'intègre ça dans quel fichier ?

EDIT : j'ai créé un fichier .js dédié, en insérant cette ligne dont tu m'as parlé, ça n'a pas fonctionné (mais je pense que je m'y prends mal dans le FTP).

Bon alors la solution était très simple (pour les futurs qui auraient le même souci) :

Dans le backoffice de Wordpress :
- Apparence > Menus
- Classes facultatives > ajouter la ligne qui manquait à mon code
-> Si l'espace classe facultative n'aparaît pas, en haut à droite > options de l'écran > cocher "classes CSS"

ca aurait été plus simple de dire DES LE DEBUT que c'était du Wordpress