CSS styling for Menu Widget

[Arun_C]

Hi Team,

I need help in CSS styling in Menu widget - In my requirement I have list of menu items should be listed from dynamic service, in that "title" should be like below (Font-weight : Semi-Bold; upto dot and Font-weight : normal; after dot)

• Menu1.Sample Page
• Menu2.Sample Page
• Menu3.Sample Page

I tried with below CSS it helped with me updating all text as semi bold.

.menuList .widget-menu .menu-item-name span {
    font-weight: 600 !important;
}

TWX : 9.6.2

Thanks & Regards,

Arun C

[Surya_Tiwari]

Hi @Arun_C  Can you try the steps of the below post, and let us know your output?

https://community.ptc.com/t5/ThingWorx-Developers/applying-css-to-menu/m-p/729042#M52103 

[Arun_C]

Hi @Surya_Tiwari ,

CSS which I'm looking out is different. The above given CSS has different use case but the same is working for me in hover. Help me with my use case Menu "title" should be display like below (Font-weight : Semi-Bold; upto dot and Font-weight : normal; after dot)

• Menu1.Sample Page
• Menu2.Sample Page
• Menu3.Sample Page

Thanks & Regards,

Arun C

[PEHOWE]

Hello @Arun_C ,

I am not familiar with the style you are  trying to accomplish.  The documentation has 2 style described, cascading and Nested according. 
If I understand your goal is to have the main menu item repeated on each line with the sub menu item on the end with a dot as a separator. 
The other customization is to have the main menu item BOLD.

I will see if the experts on using CSS can offer any suggestion. Please let me know I have the proper goal.

Regards,

Pehowe

[Arun_C]

Hi @PEHOWE ,

No your understanding is different from my needs. I'm looking for only the main menu names style CSS should be like that (No submenu concept here).  Kindly find the below attached snapshot for the further clarity.

Thanks & Regards,

Arun C

[PEHOWE]

Hello @Arun_C ,  Thank you for the graphic of your goal for the menu configuration.
So you are looking for a single level menu. 
The menu title is followed by a graphic.

The menu title has a bolded section and a normal text section.

Is this closer to your goal?

[Arun_C]

Hi @PEHOWE 

Yes my goal is same.

Thanks & Regards,

Arun C

[PEHOWE]

Hello @Arun_C , I have have shared your question with the R&D. I asked the question in 2 steps. How to configure the Image at the beginning of the menu item and how to adjust the text characteristic. 
There was no information which they could provide which would assist in getting to your goal. 
 

There is a group on Community "Thingworx Ideas". New features and modifications can be proposed.  

[PEHOWE]

Hello @Arun_C ,  Currently I can find nothing which would allow the configuration you have described. It is recommend to create an enhancement request for the format you need.  The Development staff reviews these items as part of the feature development process.

Regards,

Pehowe