Skip to main content
Announcements
Have questions about Qlik Connect? Join us live on April 10th, at 11 AM ET: SIGN UP NOW
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
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
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
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
Specialist

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

or try this

font color: red;