Hi Urva,

Finally get what you want.

You can take css styles below as an example, and feel free to change the rgba color to your favourite.

/**PPM Menu**/

#ng-topmenu .menu .submenu .item.hover {
background-color:rgba(231,55,0,0.1);
color: #fff;
}

.yui-skin-ppm .yuimenuitem-selected,
.yui-skin-ppm .yuimenuitem-hassubmenu-selected {
background-color:rgba(231,55,0,0.1);
color:white;
}

/**Table component**/

.tcMenu {
background: none;
background-color: rgba(231,55,0,0.5);
}

Paste it into theme color customization css editor and save.

Hi Urva,

Finally get what you want.

You can take css styles below as an example, and feel free to change the rgba color to your favourite.

/**PPM Menu**/

#ng-topmenu .menu .submenu .item.hover {
background-color:rgba(231,55,0,0.1);
color: #fff;
}

.yui-skin-ppm .yuimenuitem-selected,
.yui-skin-ppm .yuimenuitem-hassubmenu-selected {
background-color:rgba(231,55,0,0.1);
color:white;
}

/**Table component**/

.tcMenu {
background: none;
background-color: rgba(231,55,0,0.5);
}

Paste it into theme color customization css editor and save.

Hi Joe,

This worked, yes we are aware the flexibility Theme customization now provides which is really beneficial. However where and how do we know which functions to use as there is no list of functions provided apart from those in global style sheet.

Thank you for the suggestions above, they seem to work. One Last, need the function that can help change the background color of the table component help text as highlighted below.