BIG Numbers title centered - CSS

What is the magic CSS to get the title for a Big Number centered instead of left justified?

Thanks

If you mean the name.

.centered-big-numbers p[class*="wire-big-numbers___StyledText2"] {
margin-left: auto;
margin-right: auto;
}

With centered-big-numbers being the custsom class name.

I find it weird to not have both centered though, so here it is:

.centered-big-numbers p[class*="wire-big-numbers___StyledText2"], .centered-big-numbers div[class*="wire-big-numbers___StyledDiv3"] {
margin-left: auto;
margin-right: auto;
}
3 Likes

Funny thing - I meant the actual “Title” of the Big Numbers card but then realized I could just leave it blank and put in a Headline component that is centered.

And this card style is great, much better than left justified for my scoreboard. Do you know what the ‘Style’ class is for an items ‘description’. I randomly tried class*=“wire-big-numbers___StyledDiv4” to see if that matched description. No luck.

@Darren_Murphy - I use scorecard, leaderboard (idea from your great golf app) and scoreboard instead of the generic ‘dashboard’.

1 Like

That’s a much better solution.

.centered-big-numbers p[class*="wire-big-numbers___StyledText3"] {
margin-left: auto;
margin-right: auto;
}