Change Text Size

[Martin22]

Hi,

I would like to know if there is a possibility to change the text size in Qlik Sense (2021 november version).

I already did some research, and here is what I found :

-If I'm correct, you can only change text size on tables, and on KPIs.

-Some people managed to change it via css files, but on older versions.

The need here is to change the text size so values can better be read on screenshots used for communication, for example. Right now, we use the browser parameters to zoom, but I would like to create something permanent, in Qlik Sense.

Is there a way to change the default text size for visuals somewhere in the installation files ?

Regards,

Martin.

[EliGohar]

The recommended way is to use the Custom theme. You can control both interface texts (using CSS) and inner-chart text as well (using JSON file)

[Martin22]

Thx, I will try it !

Regards,

Martin.

[Martin22]

Hi,

I have worked on creating my own custom theme, but I can't get the result I want.

I succeeded in creating a custom theme, whcih I tested, with the green color change of the online examples, and a bigger title :

{
"_inherit": true,
"_variables" : {
"@greenColor" : "#61a729",
"@text": "#4c4c4c"
},
"color": "@text",
"fontSize": "12px",
"object" : {
"title": {
"main": {
"fontSize" : "40px"
}
}
},
"dataColors": {
"primaryColor": "@greenColor"
}
}

My problem is that I would like to add a bigger fontsize for all values seen on a graph, and for now I doesn't work :

Either with that :

{
"_inherit": true,
"_variables" : {
"@greenColor" : "#61a729",
"@text": "#4c4c4c"
},
"color": "@text",
"fontSize": "12px",
"object" : {
"title": {
"main": {
"fontSize" : "40px"
}
}
},
"axis": {
"title": {
"main": {
"fontSize": "40px"

}
}
},
"dataColors": {
"primaryColor": "@greenColor"
}
}

Or with that (I use a bar chart for my tests) :

{
"_inherit": true,
"_variables" : {
"@greenColor" : "#61a729",
"@text": "#4c4c4c"
},
"color": "@text",
"fontSize": "12px",
"object" : {
"title": {
"main": {
"fontSize" : "40px"
}
}
},
"barChart": {
"backgroundColor": "@light",
"title": {
"main": {
"color": "@default",
"fontSize": "40px",
"fontFamily": "sans-serif"
},
"subTitle": {
"color": "@default",
"fontSize": "40px",
"fontFamily": "sans-serif"
},
"footer": {
"color": "@default",
"fontSize": "40px",
"fontFamily": "sans-serif",
"backgroundColor": "@light"
}
},
"axis": {
"title": {
"fontSize": "40px",
"fontFamily": "sans-serif",
"color": "@default"
},
"label": {
"name": {
"color": "@default",
"fontSize": "40px",
"fontFamily": "sans-serif"
}
},
"line": {
"major": {
"color": "@default"
},
"minor": {
"color": "@default"
}
}
},
"legend": {
"title": {
"fontSize": "@font-normal",
"fontFamily": "sans-serif",
"color": "@default"
},
"label": {
"fontSize": "@font-normal",
"fontFamily": "sans-serif",
"color": "@default"
}
},
"label": {
"value": {
"color": "@default",
"fontSize": "@font-normal",
"fontFamily": "sans-serif"
}
},
"outOfRange": {
"color": "@default"
}
},
"dataColors": {
"primaryColor": "@greenColor"
}
}

Can you please help me on what I'm doing wrong ?

Regards,

Martin.