# Custom CSS grid

**URL:** <https://community.glideapps.com/t/custom-css-grid/65259>\
**Category:** Ask for Help\
**Created:** [August 21, 2023, 11:34pm UTC](https://community.glideapps.com/t/custom-css-grid/65259 "2023-08-21T23:34:01Z")\
**Posts on this page:** 8\
**Page:** 1

<div class="post-metadata">

**Author:** ![Matt\_Porsz](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/matt_porsz/32/61842_2.png) [@Matt\_Porsz](https://community.glideapps.com/u/Matt_Porsz)\
**Post date:** [August 21, 2023, 11:34pm UTC](https://community.glideapps.com/t/custom-css-grid/65259/1 "2023-08-21T23:34:01Z")

</div>

Hi, I’m struggling to cente align the text within cells, including the header. Anyone know the correct CSS code? 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:** [August 22, 2023, 1:53am UTC](https://community.glideapps.com/t/custom-css-grid/65259/2 "2023-08-22T01:53:38Z")

</div>

What “cells” are you talking about here? What component are you using?

---

<div class="post-metadata">

**Author:** ![Matt\_Porsz](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/matt_porsz/32/61842_2.png) [@Matt\_Porsz](https://community.glideapps.com/u/Matt_Porsz)\
**Post date:** [August 22, 2023, 1:31pm UTC](https://community.glideapps.com/t/custom-css-grid/65259/3 "2023-08-22T13:31:49Z")

</div>

Thanks. A data grid component

Everything including column headers are left aligned and centre justified by default. I would like to align some columns to centre

---

<div class="post-metadata">

**Author:** ![Darren\_Murphy](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/darren_murphy/32/47326_2.png) [@Darren\_Murphy](https://community.glideapps.com/u/Darren_Murphy)\
**Post date:** [August 22, 2023, 2:00pm UTC](https://community.glideapps.com/t/custom-css-grid/65259/4 "2023-08-22T14:00:45Z")

</div>

That can only be done if you have a Business or Enterprise Plan - and even then it could be quite tricky.

---

<div class="post-metadata">

**Author:** ![Matt\_Porsz](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/matt_porsz/32/61842_2.png) [@Matt\_Porsz](https://community.glideapps.com/u/Matt_Porsz)\
**Post date:** [August 22, 2023, 6:15pm UTC](https://community.glideapps.com/t/custom-css-grid/65259/5 "2023-08-22T18:15:28Z")

</div>

👍 I’m currently on a business trial plan

---

<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:** [August 23, 2023, 12:26am UTC](https://community.glideapps.com/t/custom-css-grid/65259/6 "2023-08-23T00:26:33Z")

</div>

I tried something like:

```auto
td[aria-colindex="2"] {
text-align: center;
}

```

But it didn’t change anything, I guess it’s not straightforward or might not be doable.

---

<div class="post-metadata">

**Author:** ![Matt\_Porsz](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/matt_porsz/32/61842_2.png) [@Matt\_Porsz](https://community.glideapps.com/u/Matt_Porsz)\
**Post date:** [August 23, 2023, 12:48pm UTC](https://community.glideapps.com/t/custom-css-grid/65259/7 "2023-08-23T12:48:35Z")

</div>

> [@ThinhDinh](#):
>
> ```auto
> td[aria-colindex="2"] {
> text-align: center;
> }
> 
> ```

Same for me. Chat GPT tells me it’s being rendered inside a element. And goes further to say the JavaScript code would need modifying. Can we do this?

---

<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:** [August 23, 2023, 11:13pm UTC](https://community.glideapps.com/t/custom-css-grid/65259/8 "2023-08-23T23:13:34Z")

</div>

I don’t think we can touch that part.