Change text color in widget

Raphael D_
Kilo Sage

Hi All,

I have created a new service portal page (London instanz) which is showing a table. I use the widget "Data Table from Instance Definition". ( a copy oft that) I want to achive that the heading text is also in color black.

 

find_real_file.png

 

How can achive this? It seems easy via CCS in the widget self, but it doesen't work. I tryed: 

text-info {
color: black;
}

and a lot of other variantes......
Also tryed a control via CSS on level page, on level portal e.c.t

Does somebody has any idea?

BR,
Raphael

1 ACCEPTED SOLUTION

VigneshMC
Mega Sage

Try this 

add below code to page you want this change

.th-title{
  color: black !important;
  
}

find_real_file.png

 

find_real_file.png

 

It should work if you add this to widget css as well.

View solution in original post

11 REPLIES 11

sorry, I get an error message for upload the HTML File. here a screenshot:

find_real_file.png

attach the html code ?

copy the code and paste it here

HTML code:

<div>
<div class="alert alert-danger" ng-if="data.invalid_table">
${Table not defined} '{{data.table_label}}'
</div>
<td><font color="#000000">schwarz</font>
<sp-widget ng-if="data.dataTableWidget" widget="data.dataTableWidget"></sp-widget>
</div>

Hi, 

you have to make changes in css of  the dataTableWidget

Regards

Ravindra