Single Score Widget - Centre Output

ChrisB3
Giga Contributor

Hi all

 

This is probably a very simple solution but I just can't see it - how do I centre my score in the widget box?

 

It looks like this:

ChrisB3_0-1759314192469.png

 

Just want the zero to centred

1 REPLY 1

M Iftikhar
Mega Sage

Hey Chris, Great question

 You can fix this by adjusting the widget’s layout options or by adding a small CSS tweak.

 

Open your Single Score widget in Performance Analytics (navigate to Performance Analytics > Widgets).

     you can apply a small CSS override:

 
 
 .score {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}

 This will push the score text exactly to the middle of the box.

Save and refresh your dashboard, now the 0 (or any score) should be perfectly centered in the widget box.


Hope this helps!
Thanks & Regards,
Muhammad Iftikhar
If my response helped, please mark it helpful & accept the solution so others can benefit as well.