Single Score Widget - Centre Output

[ChrisB3]

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:

Just want the zero to centred

[M Iftikhar · Accepted solution]

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.