Perspective table filter results text change

Ignition
1

I have a perspective table component and I changed the header to a darker color and when I enabled the filter I changed that to match. Unfortunately, that means that the filter results text is hard to read. I used DevTools and was able to find where the color was set and changed it in the stylesheet but it did not work. I am sure I am just having a massive brain cramp and for some reason cannot find it. I applied it here, but not sure that is where it should be.

image
image622×350 12.2 KB

.psc-itemTrackerTable .tableFilter .filterResults {
    color: #FFFFFF;
    font-weight: 600;
}
2

Check dev tools again to see if your selector shows up and see if your css prop values are being overridden (they're striked through) . You might need to add !important

3

To make that CSS work you'll need to add the itemTrackerTable class to the table's props.style.classes

image
image1009×431 37.4 KB

If you're looking to have both the search bar text and the results be the same color, you can alter your class a little:

.psc-itemTrackerTable {
	.tableFilter,
	.filterCommon .ia_inputField {
		color: #FFFFFF;
		font-weight: 600;
	}
}
4

Thank you for that I was just trying to put that in the wrong place thank you!!!:grinning_face: