BIG Numbers title centered - CSS

Ask for Help
1

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

Thanks

2

image
image1744×286 9.2 KB

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:

image
image1756×282 9.09 KB

.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
3

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
4

That’s a much better solution.

image
image1240×156 7.13 KB

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