Unlock a world of possibilities! Login now and discover the exclusive benefits awaiting you.
Hi All,
I am trying to use the Multi KPI object, but it is occupying more space on dashboard area. As shown below snap
And I had applied the below code under multi KPI css style properties under appearance.to reduce the font size
CSS Script:
& . label*{
font-size: 50%
}
&. Value*{
font-size: 50%
}
Font got reduced to 50% but space is same as per below snap.
I want to eliminate the unwanted space on KPI to reduce the KPI space/grids on Dashboard.
Can anyone help on the same.
Your help will much appreciated.
Regards,
Correct Answer.
Hello, did you find a solution to your problem?
You can add the line-height property to your CSS. So your script would change to:
& . label*{
font-size: 50%
line-height: 1em;
}
&. Value*{
font-size: 50%
line-height: 1em;
}
Experiment with different values to get the spacing you need; 1, 1.5, 2, etc.