# Need help with CSS for list view (Collection View)

**URL:** <https://community.glideapps.com/t/need-help-with-css-for-list-view-collection-view/76729>\
**Category:** Ask for Help\
**Tags:** custom-css\
**Created:** [October 1, 2024, 11:15am UTC](https://community.glideapps.com/t/need-help-with-css-for-list-view-collection-view/76729 "2024-10-01T11:15:16Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![Dilip\_Adiga](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/dilip_adiga/32/60330_2.png) [@Dilip\_Adiga](https://community.glideapps.com/u/Dilip_Adiga)\
**Post date:** [October 1, 2024, 11:15am UTC](https://community.glideapps.com/t/need-help-with-css-for-list-view-collection-view/76729/1 "2024-10-01T11:15:16Z")

</div>

Hi Guys,

I have a single element List view. I need to move the circled portion text to be centre aligned.

![Screenshot 2024-10-01 at 4.43.41 PM](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/1/c/1c0112c7424860a2827ba155ccbef401ca4bd71f.png)

Can I do it using CSS?

Also is it possible to reduce the width of the collection?

Thank you in advance for your help.

Regards,  
Dilip

---

<div class="post-metadata">

**Author:** ![Eric\_Penn](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/eric_penn/32/73888_2.png) [@Eric\_Penn](https://community.glideapps.com/u/Eric_Penn)\
**Post date:** [October 1, 2024, 11:40am UTC](https://community.glideapps.com/t/need-help-with-css-for-list-view-collection-view/76729/2 "2024-10-01T11:40:20Z")

</div>

If it’s a single element you could use some simple html in a rich text component.

Ask Chat GPT for the code she’s very good.

---

<div class="post-metadata">

**Author:** ![Dilip\_Adiga](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/dilip_adiga/32/60330_2.png) [@Dilip\_Adiga](https://community.glideapps.com/u/Dilip_Adiga)\
**Post date:** [October 1, 2024, 12:39pm UTC](https://community.glideapps.com/t/need-help-with-css-for-list-view-collection-view/76729/3 "2024-10-01T12:39:28Z")

</div>

Hi @Eric_Penn ,

Thank you for the reply. I tried applying it on collection list view and lot of complications.

Then I applied it on card view and it worked like charm.

Regards,  
Dilip