# BIG Numbers title centered - CSS

**URL:** https://community.glideapps.com/t/big-numbers-title-centered-css/77855
**Category:** Ask for Help
**Created:** [November 12, 2024, 5:17pm UTC](https://community.glideapps.com/t/big-numbers-title-centered-css/77855 "2024-11-12T17:17:15Z")
**Posts on this page:** 4
**Page:** 1

<div class="post-metadata">

### Author: ![MattLB](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/mattlb/32/41284_2.png) [@MattLB](https://community.glideapps.com/u/MattLB)
#### Post date: [November 12, 2024, 5:17pm UTC](https://community.glideapps.com/t/big-numbers-title-centered-css/77855/1 "2024-11-12T17:17:15Z")

</div>

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

Thanks

---

<div class="post-metadata">

### Author: ![ThinhDinh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thinhdinh/32/49_2.png) [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)
#### Post date: [November 13, 2024, 12:38am UTC](https://community.glideapps.com/t/big-numbers-title-centered-css/77855/2 "2024-11-13T00:38:13Z")

</div>

![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/0/e/0e321828cb874f3ce483aecb97a2d65d1f4b6109.png)

If you mean the name.

```auto
.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](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/2/7/27490d32632c2f1a007ba151fdc59f2a67642b5c.png)

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

```

---

<div class="post-metadata">

### Author: ![MattLB](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/mattlb/32/41284_2.png) [@MattLB](https://community.glideapps.com/u/MattLB)
#### Post date: [November 13, 2024, 5:54pm UTC](https://community.glideapps.com/t/big-numbers-title-centered-css/77855/3 "2024-11-13T17:54:22Z")

</div>

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

---

<div class="post-metadata">

### Author: ![ThinhDinh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thinhdinh/32/49_2.png) [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)
#### Post date: [November 13, 2024, 11:55pm UTC](https://community.glideapps.com/t/big-numbers-title-centered-css/77855/4 "2024-11-13T23:55:20Z")

</div>

> [@MattLB](#):
>
> 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.

That’s a much better solution.

> [@MattLB](#):
>
> 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.

 ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/f/2/f2e105b5b9570cb3c6364d6ffefa1e89f1889931.png)

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

```