Change text color on esc widgets

jewellauber
Tera Expert

Within the Employee center we have changed the branding and with that our text color is grey and in some areas white. The issue is the Homepage background is white along with all other pages within the esc portal. On the hrm_todo_summary widget the nav-tab color is white and if the tab is selected it shows white an we cannot see the text unless there is a hover on the selected text. Where would I go to change the color of the widget text? From what I am seeing I should be able to change without updating the widget directly.  If I look at one of the other instances it shows correctly, please see all attached images.  I just don't know where these changes were made and I am coming on to this task so I don't know the history of changes.  Thanks in advance for your help

2 REPLIES 2

Shruti
Mega Sage
Mega Sage

Hi,

Ctrl + right click on the widget

Go to instance in page editor

Shruti_0-1729082651524.png

 

Paste below code to CSS section and save it

.nav-tabs > li.active a{
color: red !important;
background: none;
}

Shruti_1-1729082697755.png

 

 

Thank you for your response Shruti, forgive not knowing the correct terminology.  But I don't want to have to modify the widget, I want to find out the property or variable within the css that is responsible for the text color on that page.  This is simply to correct any issue with the text color that may be affected that I don't see at the moment.