Skip to main content
cancel
Showing results for 
Search instead for 
Did you mean: 
Anonymous
Not applicable

Help with changing font color CSS

Hello,

I have successfully changed the label and font size. But I am not sure how to change the color in CSS. I would like the label color to be black. What I currently have that is working:

& .label {

    font-size: 150%;

}

& .value {

  font-size: 200%

}

Would appreciate any help. Thanks!

7 Replies
zebhashmi
Specialist

text-decoration-color: black;

Anonymous
Not applicable
Author

Jordan, here is a sample of some CSS i use in a custom Sense extension to change colors.  Color has to be hexcode, but you can find all the conversions for rgb into Hex at www.colorbrewer2.org

font-family: Arial; 

color: #0099e1;

font-size: 30px;

dionverbeke
Luminary Alumni

This is not correct

color: black;

text-decoration-color is for the color of underline decoration.

Anonymous
Not applicable
Author

So....

& .label {

    font-size: 150%;

}

& .value {

  font-size: 200%;

  color:black

}

Doesn't seem to be working...I am guessing I am missing something here.

dionverbeke
Luminary Alumni

Is this for a table in a mashup?

Can share a bit more which kind of html you are targetting?

Easiest is copying the code from chrome console.

Kind Regards,

Dion

Anonymous
Not applicable
Author

Dion,

I am using a Simple KPI extension. I just found the solution..

& .label {

    font-size: 150%;

}

& .value {

  font-size: 200%;

  color: black !important;

]

I am not quite sure why they have this !important thing being what makes it work...but this works for this extension.

Thank you for your help,

Jordan

zebhashmi
Specialist

try to add ; in the end and close it with }

or try this

font color: red;