Cómo cambiar el color de fondo de la barra de menú de Spry

Las configuraciones CSS controlan la apariencia y sensación de las barras de menú de Spry.
Por marie clay

Paso 1

Abre el archivo CSS asociado con tu barra de menú de Spry. "SpryMenuBarHorizontal.css" corresponde a un menú horizontal, mientras que "SpryMenuBarVertical.css" pertenece a los menús verticales.


Paso 2

Deslízate a "ul.MenuBarHorizontal a" y encuentra la variable "background-color" (color de fondo). Borra el valor actual y escribe el color base deseado.


Paso 3

Deslízate a "ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus" y reemplaza el color de fondo actual con tu color deseado cuando pases el mouse.


Paso 4

Encuentra "ul.MenuBarHorizontal a.MenuBarItemHover" y reemplaza el color de fondo actual con el color de submenú deseado.


Paso 5

Deslízate a las configuraciones del submenú, encuentra "ul.MenuBarHorizontal a.MenuBarItemSubmenu" y reemplaza el valor de color de fondo con el color de submenú deseado.


Paso 6

Encuentra "ul.MenuBarHorizontal ul a.MenuBarItemSubmenu" y reemplaza el valor del color de fondo con el color deseado.


Paso 7

Deslízate a "ul.MenuBarHorizontal ul a.MenuBarSubMenuColor" y establece el color de fondo para cualquier submenú anidado.


Paso 8

Guarda el archivo CSS. Los cambios de color se aplicarán automáticamente a la página principal.