Comment changer la couleur de fond de la barre de menu Spry

Étape 1

Ouvrez le fichier CSS associé à votre barre de menus Spry. "SpryMenuBarHorizontal.css" correspond à un menu horizontal, alors que "SpryMenuBarVertical.css" appartient aux menus verticaux.

Étape 2

Faites défiler jusqu'à "ul.MenuBarHorizontal to" et recherchez la variable "background-color" (couleur d'arrière-plan). Supprimez la valeur actuelle et écrivez la couleur de base souhaitée.

Étape 3

Faites défiler jusqu'à "ul.MenuBarHorizontal to: hover, ul.MenuBarHorizontal to: focus" et remplacez la couleur d'arrière-plan actuelle par la couleur de votre choix lorsque vous passez la souris.

Étape 4

Recherchez "ul.MenuBarHorizontal a.MenuBarItemHover" et remplacez la couleur d'arrière-plan actuelle par la couleur de sous-menu souhaitée.

Étape 5

Faites défiler jusqu'aux paramètres du sous-menu, recherchez "ul.MenuBarHorizontal a.MenuBarItemSubmenu" et remplacez la valeur de couleur d'arrière-plan par la couleur de sous-menu souhaitée.

Étape 6

Recherchez "ul.MenuBarHorizontal ul a.MenuBarItemSubmenu" et remplacez la valeur de la couleur d'arrière-plan par la couleur souhaitée.

Étape 7

Faites défiler jusqu'à "ul.MenuBarHorizontal ul a.MenuBarSubMenuColor" et définissez la couleur d'arrière-plan de tout sous-menu imbriqué.

Étape 8

Enregistrez le fichier CSS. Les changements de couleur seront automatiquement appliqués à la page principale.