using theme builder, for next experience Change color of sub menu item

Not applicable

Hi, I want to change the color of text of Sub men item using theme builder for Next Experience. How to get to that option ?

 

HarshaPappala_0-1777296956156.png

 

3 REPLIES 3

Rakesh_M
Kilo Sage

Hi @Community Alums ,
1.Open Theme Builder ,Select Page=editor and theme=<your_theme>
2.Select component styles and editing tab
3.Scroll to bottom to find Unified Navigation, select Unified Navigation.

Rakesh_M_0-1777298384716.png

4.In the right pane select style subcomponents.
5.Select Menu as subcomponent.
6.Again select style sub component.
7.Now select menu item as sub component.

Rakesh_M_1-1777298760159.png

8.Here update the color and color on hover as per requirement.

You can drill down by selecting style subcomponent and subcomponent.
Use breadcrumbs for easier navigation

 

Not applicable

Hi @Rakesh_M

Thank you for your response. This gives me option to change color of the menu item, but i want to change color of the sub menu item change. 

When i use your steps i get only "activity subscriptions" but i want "notification objects", so sub menu item is what want to change. 

 

This option comes with an example of incident and sub menu time duration text color

Hi @Community Alums ,
Application and Separator (Menu/dropdowns) have same configs
Module(submenu) has a separate config
To change submenu item text color :
1.Go to Now Experience Framework > Themes and select your custom theme.
2.Open the UX Style record associated with Colors.

3.update "--now-unified-nav_menu-subitem--color" variable color as per requirement