# CSS to Change Basic Table Title Appearance - Please?

**URL:** <https://community.glideapps.com/t/css-to-change-basic-table-title-appearance-please/35507>\
**Category:** Ask for Help\
**Created:** [December 4, 2021, 2:47pm UTC](https://community.glideapps.com/t/css-to-change-basic-table-title-appearance-please/35507 "2021-12-04T14:47:29Z")\
**Posts on this page:** 10\
**Page:** 1

<div class="post-metadata">

**Author:** ![V88](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/v88/32/90054_2.png) [@V88](https://community.glideapps.com/u/V88)\
**Post date:** [December 4, 2021, 2:47pm UTC](https://community.glideapps.com/t/css-to-change-basic-table-title-appearance-please/35507/1 "2021-12-04T14:47:29Z")

</div>

Hi. Can anybody help here? Could do with this for a current project. Cheers.

---

<div class="post-metadata">

**Author:** ![Himaladin](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/himaladin/32/71023_2.png) [@Himaladin](https://community.glideapps.com/u/Himaladin)\
**Post date:** [December 4, 2021, 3:01pm UTC](https://community.glideapps.com/t/css-to-change-basic-table-title-appearance-please/35507/2 "2021-12-04T15:01:55Z")

</div>

@V88  
@ThinhDinh has the collection here, for the first row.

> **[Notion – The all-in-one workspace for your notes, tasks, wikis, and databases.](https://www.notion.so/Colored-tag-in-basic-table-36342306276e4810bf1697297b3c55ac)**
>
> A new tool that blends your everyday work apps into one. It's the all-in-one workspace for you and your team

---

<div class="post-metadata">

**Author:** ![V88](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/v88/32/90054_2.png) [@V88](https://community.glideapps.com/u/V88)\
**Post date:** [December 4, 2021, 3:03pm UTC](https://community.glideapps.com/t/css-to-change-basic-table-title-appearance-please/35507/3 "2021-12-04T15:03:38Z")

</div>

Will take a look - thanks

---

<div class="post-metadata">

**Author:** ![V88](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/v88/32/90054_2.png) [@V88](https://community.glideapps.com/u/V88)\
**Post date:** [December 4, 2021, 3:05pm UTC](https://community.glideapps.com/t/css-to-change-basic-table-title-appearance-please/35507/4 "2021-12-04T15:05:31Z")

</div>

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

Everything BUT the title! Shucks!

---

<div class="post-metadata">

**Author:** ![Himaladin](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/himaladin/32/71023_2.png) [@Himaladin](https://community.glideapps.com/u/Himaladin)\
**Post date:** [December 4, 2021, 3:10pm UTC](https://community.glideapps.com/t/css-to-change-basic-table-title-appearance-please/35507/5 "2021-12-04T15:10:06Z")

</div>

I said the first row 😄. I used the first line as the header.  
You can use the dev tool to find the name. I haven’t tried it.

---

<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:** [December 4, 2021, 3:11pm UTC](https://community.glideapps.com/t/css-to-change-basic-table-title-appearance-please/35507/6 "2021-12-04T15:11:03Z")

</div>

![Screen Shot 2021-12-04 at 11.09.51 PM](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/d/3/d3bfe72409c49f341b547c829b8e2d48f2ee2da3.jpeg)

```auto
<pre><span><style>
.sts-title {
  color: red;
}

```

what do you want to do with it?

---

<div class="post-metadata">

**Author:** ![V88](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/v88/32/90054_2.png) [@V88](https://community.glideapps.com/u/V88)\
**Post date:** [December 4, 2021, 3:14pm UTC](https://community.glideapps.com/t/css-to-change-basic-table-title-appearance-please/35507/7 "2021-12-04T15:14:13Z")

</div>

That’s perfect thanks @Darren_Murphy - now that I have it I know how to tweak it! Appreciated.

---

<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:** [December 5, 2021, 12:32am UTC](https://community.glideapps.com/t/css-to-change-basic-table-title-appearance-please/35507/8 "2021-12-05T00:32:50Z")

</div>

@V88 asked for table footer, chart title & chart footer as well, so I made some updates.

> **[Notion – The all-in-one workspace for your notes, tasks, wikis, and databases.](https://glidecommunity.notion.site/33d5984960d04785b38eeae6c5121001?v=5662bb67cd994c53ae87737ab952ddb2)**
>
> A new tool that blends your everyday work apps into one. It's the all-in-one workspace for you and your team

 ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/d/6/d6429411e86652a6e7de52faa1f522cb24fa18f4.jpeg)

---

<div class="post-metadata">

**Author:** ![Himaladin](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/himaladin/32/71023_2.png) [@Himaladin](https://community.glideapps.com/u/Himaladin)\
**Post date:** [December 5, 2021, 3:05am UTC](https://community.glideapps.com/t/css-to-change-basic-table-title-appearance-please/35507/9 "2021-12-05T03:05:21Z")

</div>

For additional setting the footer position to the center and additional background.

![Screenshot 2021-12-05 095752](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/3/2/32b09637eaa0d085c84febe063a9eb26c0396ed0.jpeg)

```auto
[data-test="app-simple-table"] .sts-footer {
justify-content: center !important;
color:white;
border-radius: 5px; 
background: #2e3442;
background-size: contain;
color: white !important;
text-align: center;
font-size: 0.8rem;
padding: 5px 10px;
font-weight: 500;
}

```

---

<div class="post-metadata">

**Author:** ![system](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/system/32/53398_2.png) [@system](https://community.glideapps.com/u/system)\
**Post date:** [December 6, 2021, 3:06am UTC](https://community.glideapps.com/t/css-to-change-basic-table-title-appearance-please/35507/10 "2021-12-06T03:06:04Z")

</div>

This topic was automatically closed 24 hours after the last reply. New replies are no longer allowed.