Container formatting using CSS

[Aleesha_Sharma]

Hi,

I am new to Qlik Sense and currently using the cloud version. I have a container in my report which I need to edit using CSS. It has three tabs each containing multiple KPIs, I need to format these KPI's (margin,border,color and font size) using CSS. I tried using the following code but it only seems to edit the overall container properties:

.qs-container .qsc-item-wrapper, .qs-container .qsc-tab-row {

background-color: #02164f;
font-family: 'Segoe UI Bold';
font color :#ef7124;
color: orange;

}

Could anyone help and resolve the same ?

[Dalton_Ruer · Accepted solution]

I believe each object type (Bar Chart, KPI, Line Chart etc) would need to have it's own custom CSS styling. 

[Aleesha_Sharma]

Hi Dalton,

Thank you for the help. For containers is it possible to change the tab labels' color using CSS?
For example is it possible to change the below labels to orange instead of grey ?

Your help will be much appreciated.

[Patricia_Silva · Accepted solution]

Hello Aleesha_Sharma, did you have a look here: https://help.qlik.com/en-US/sense-developer/June2020/Subsystems/Extensions/Content/Sense_Extensions/... it might help you to achieve what you need. Hope it helps!