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.

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.

Hi Urva,

The css editor in theme customization page need frontend developer skills to input.

Sorry we can't list all class names for all global style sheet, and it's also not possible.

My advice is you open chrome developer tool and choose the element you want to customize, like picture below:

SO, you can change class the instructionTable class style like below:

/**Table instruction div**/
.instructionTable {
background-color: red;
border: 1px solid red;
}

Feel free to change red color to your favourite.