Qlik Community

New to Qlik Sense

Discussion board where members can get started with Qlik Sense.

jordanhertl
New Contributor III

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
Valued Contributor

Re: Help with changing font color CSS

text-decoration-color: black;

srobertson
New Contributor

Re: Help with changing font color CSS

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;

dverbeke
Contributor III

Re: Help with changing font color CSS

This is not correct

color: black;

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

jordanhertl
New Contributor III

Re: Help with changing font color CSS

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.

dverbeke
Contributor III

Re: Help with changing font color CSS

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

jordanhertl
New Contributor III

Re: Help with changing font color CSS

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
Valued Contributor

Re: Help with changing font color CSS

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

or try this

font color: red;