Как да промените цвета на фона в лентата с менюта Spry

Настройките на CSS контролират появата и усещането на лентите с менюта Spry.

Стъпка 1

Отворете CSS файла, свързан с лентата с менюта Spry. "SpryMenuBarHorizontal.css" съответства на хоризонтално меню, докато "SpryMenuBarVertical.css" принадлежи към вертикалните менюта.

Стъпка 2

Превъртете до "ul.MenuBarHorizontal to" и намерете променливата "background-color" (цвят на фона). Изтрийте текущата стойност и запишете желания основен цвят.

Стъпка 3

Превъртете до "ul.MenuBarHorizontal to: hover, ul.MenuBarHorizontal to: focus" и заменете текущия цвят на фона с желания от вас цвят, когато минете.

Стъпка 4

Намерете "ul.MenuBarHorizontal a.MenuBarItemHover" и заменете текущия цвят на фона с желания цвят подменю.

Стъпка 5

Превъртете до настройките на подменюта, намерете "ul.MenuBarHorizontal a.MenuBarItemSubmenu" и заменете стойността на цвета на фона с желания цвят подменю.

Стъпка 6

Намерете "ul.MenuBarHorizontal ul a.MenuBarItemSubmenu" и заменете стойността на цвета на фона с желания цвят.

Стъпка 7

Превъртете до "ul.MenuBarHorizontal ul a.MenuBarSubMenuColor" и задайте цвета на фона за всяко вложено подменю.

Стъпка 8

Запазете CSS файла. Промените в цветовете ще се приложат автоматично към главната страница.