Como alterar a cor de fundo da barra de menus do Spry

Passo 1

Abra o arquivo CSS associado à sua barra de menu do Spry. "SpryMenuBarHorizontal.css" corresponde a um menu horizontal, enquanto "SpryMenuBarVertical.css" pertence aos menus verticais.

Passo 2

Vá até "ul.MenuBarHorizontal to" e encontre a variável "background-color" (cor de fundo). Exclua o valor atual e escreva a cor base desejada.

Passo 3

Role para "ul.MenuBarHorizontal para: hover, ul.MenuBarHorizontal para: focus" e substitua a cor de plano de fundo atual pela cor desejada ao passar o mouse.

Passo 4

Encontre "ul.MenuBarHorizontal a.MenuBarItemHover" e substitua a cor de fundo atual pela cor do submenu desejado.

Passo 5

Role até as configurações do submenu, localize "ul.MenuBarHorizontal a.MenuBarItemSubmenu" e substitua o valor da cor de fundo pelo submenu desejado.

Passo 6

Encontre "ul.MenuBarHorizontal ul a.MenuBarItemSubmenu" e substitua o valor da cor de fundo pela cor desejada.

Passo 7

Vá até "ul.MenuBarHorizontal ul a.MenuBarSubMenuColor" e defina a cor de fundo para qualquer submenu aninhado.

Passo 8

Salve o arquivo CSS. As alterações de cor serão aplicadas automaticamente na página principal.