Service Portal Header Text

[Shihab Ahmed]

Hi Developers,

I am finding it difficult to change text color of Header Menu Dropdown in Service Portal (please see attachment).

I could change the background but text color is not changing.

Though I can easily change the Parent Menu text color but I want to change color of the drop down menu too.

Any idea how to do it?

Thanks

Shihab

[Kishor kumar1]

It quite simple,

add css in portal-> theme- >css variable

.dropdown-menu{

background:#ffcbcb;

}

But it'll affect all dropdown from header

here the changes

If you want change the specifically let me know i'll help you

Thanks,

Kishor

[Gaurav Bajaj · Accepted solution]

HI SHihab,

I was able to change the font color for the custom menu items.

Please follow steps.

2) Go inside the Main menu in the portal.

2) Clone the header menu widget inside it and then use the cloned one in your main menu.

3) in the cloned widget, add below CSS.

.dropdown-menu   > li > a {

color : #00b7f1 !important;

}

4) Please don't forget to update the angular templates for clone widget. These are tagged with Header Widget OOB.

You need to replace the Header widget with custom header widget in each of them.

5) You should be able to see the color reflected here.

Please mark the response correct/helpful based on the impact.

Thanks

Gaurav

[Shihab Ahmed]

Thanks Gaurav that worked correctly.

[Gaurav Bajaj]

Glad it helped:)