Modifier le style de menu sur une seule page?

Question

J'aimerais savoir comment vous pouvez changer l'apparence d'un menu sur une seule page de votre site Web?

Fondamentalement, j'ai 6 éléments de menu dans mon "Menu principal". J'utilise un module de menu qui est venu avec mon paquet de modèle, "AS Superfish Menu" est ce que l'on appelle.

Lorsque vous faites défiler la page vers le bas, le menu réagit en réduisant tout ce qui est en taille. C'est un menu réactif. L'arrière-plan est transparent. Maintenant, j'ai juste besoin de ne pas être transparent sur un seul élément de menu appelé "Historique". Il doit encore être transparent sur tous les autres.

J'ai essayé d'ajouter une classe personnalisée à la "Affichage de la page" dans la configuration de l'élément de menu pour "Historique", mais cela n'a pas fonctionné.

Toute aide serait appréciée.

Answer 1

Dans votre cas, si vous pouvez ajouter la classe au menu -

.menuClass{ 
background: rgb(255, 255, 255); 
} 

si le style n'apparaît pas puis essayez d'utiliser !important dans le style, par exemple:

.menuClass{ 
background: rgb(255, 255, 255) !important; 
} 

En votre cas, si vous ne pouvez pas ajouter la classe au menu puis utilisez -

.mainMenuClass li:nth-child(3) { 
    background: rgb(255, 255, 255); 
} 

Ici le :nth-child(3) est le numéro du menu Histoire et je devine que ce serait un <li> si ce n'est pas le cas, alors utilisez la balise du menu enfant. Si vous fournissez HTML nous pouvons être plus précis.