Find your people. Pick a challenge. Ship something real. The CreatorCon Hackathon is coming to the Community Pavilion for one epic night. Every skill level, every role welcome. Join us on May 5th and learn more here.

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

HarshaPappala
Tera Contributor

Monday

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

 

0 Helpfuls
  • 142 Views
3 REPLIES 3

Rakesh_M
Kilo Sage

Monday

Hi @HarshaPappala ,
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

 

0 Helpfuls

HarshaPappala
Tera Contributor

Monday

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

0 Helpfuls

Rakesh_M
Kilo Sage
In response to HarshaPappala

Monday

Hi @HarshaPappala ,
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

 

 




0 Helpfuls