0

I have a lightning component where the fonts a returning white which makes it difficult to read. I read some solutions deinstalling a calendar or reinstalling chrome which did not work in my case so I want to solve this trough CSS.

With inspect I found working:

Inherited from div.slds-show
Style Attribute {
    color: rgb(5, 117, 216);
}

I tried

.THIS.slds-show {
    color: rgb(5, 117, 216);
}

This seems not to be working, how can I target this?

enter image description here

1

For anyone who bumps into this, what I found working was:

.THIS .slds-show {
    color: black !important;
}
| improve this answer | |
  • yes and if its topmost, then space is not needed, (as I mentioned in answer) – salesforce-sas Aug 6 '19 at 12:43
  • @ salesforce-sas Thx! – Thomas Aug 6 '19 at 14:02
0

If slds-show is direct child of component then this will work:

.THIS.slds-show {
    color: rgb(5, 117, 216);
}

If its not direct child and is located inside some other elements, then you need space:

.THIS .slds-show {
    color: rgb(5, 117, 216);
}
| improve this answer | |
  • I tried both but they are not working, could this be because of the component beiing a child component. – Thomas Aug 6 '19 at 11:31

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.