# Change the text colour in the collection component

**URL:** <https://community.glideapps.com/t/change-the-text-colour-in-the-collection-component/84959>\
**Category:** Ask for Help\
**Created:** [October 17, 2025, 1:13pm UTC](https://community.glideapps.com/t/change-the-text-colour-in-the-collection-component/84959 "2025-10-17T13:13:10Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![Teejay\_Oyeniran](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/teejay_oyeniran/32/61251_2.png) [@Teejay\_Oyeniran](https://community.glideapps.com/u/Teejay_Oyeniran)\
**Post date:** [October 17, 2025, 1:13pm UTC](https://community.glideapps.com/t/change-the-text-colour-in-the-collection-component/84959/1 "2025-10-17T13:13:10Z")

</div>

l tried changing the color of the header text on the inline collection component using Custom Css… To no avail, l tried all l could but it seem not to work at all… the first image is what l am trying to change it to while the last image is the real app.

 ![Leaderboard](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/4/5/4549f2925026583476e202f2c020f193934a04ba.png)

 ![Real Leaderboard](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/9/a/9a8a22e2e0c621655b80f1e0e65c803f0c846840.png)

---

<div class="post-metadata">

**Author:** ![MaximeBaker](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/maximebaker/32/80877_2.png) [@MaximeBaker](https://community.glideapps.com/u/MaximeBaker)\
**Post date:** [October 17, 2025, 4:58pm UTC](https://community.glideapps.com/t/change-the-text-colour-in-the-collection-component/84959/2 "2025-10-17T16:58:12Z")

</div>

Just to be sure, have you set !important in your custom CSS? Have you configure this into a custom CSS class or with direct tag and existing classes?