# Css for list Collection Component

**URL:** <https://community.glideapps.com/t/css-for-list-collection-component/68338>\
**Category:** Ask for Help\
**Created:** [December 4, 2023, 7:58am UTC](https://community.glideapps.com/t/css-for-list-collection-component/68338 "2023-12-04T07:58:40Z")\
**Posts on this page:** 14\
**Page:** 1

<div class="post-metadata">

**Author:** ![Denis1](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/denis1/32/65827_2.png) [@Denis1](https://community.glideapps.com/u/Denis1)\
**Post date:** [December 4, 2023, 7:58am UTC](https://community.glideapps.com/t/css-for-list-collection-component/68338/1 "2023-12-04T07:58:40Z")

</div>

Css to edit text on list component

---

<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 4, 2023, 11:21pm UTC](https://community.glideapps.com/t/css-for-list-collection-component/68338/2 "2023-12-04T23:21:17Z")

</div>

What exact text do you want to edit? Are you on Business/Enterprise?

---

<div class="post-metadata">

**Author:** ![Denis1](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/denis1/32/65827_2.png) [@Denis1](https://community.glideapps.com/u/Denis1)\
**Post date:** [December 5, 2023, 2:20am UTC](https://community.glideapps.com/t/css-for-list-collection-component/68338/3 "2023-12-05T02:20:54Z")

</div>

Yes I am. I want to change the text on the card component or list component

---

<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, 2023, 11:57pm UTC](https://community.glideapps.com/t/css-for-list-collection-component/68338/4 "2023-12-05T23:57:57Z")

</div>

What change do you want to make? Is it the title, description or meta?

---

<div class="post-metadata">

**Author:** ![Denis1](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/denis1/32/65827_2.png) [@Denis1](https://community.glideapps.com/u/Denis1)\
**Post date:** [December 7, 2023, 10:15am UTC](https://community.glideapps.com/t/css-for-list-collection-component/68338/5 "2023-12-07T10:15:15Z")

</div>

Meta

---

<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 7, 2023, 3:10pm UTC](https://community.glideapps.com/t/css-for-list-collection-component/68338/6 "2023-12-07T15:10:11Z")

</div>

And what change do you want to make to it?

---

<div class="post-metadata">

**Author:** ![Denis1](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/denis1/32/65827_2.png) [@Denis1](https://community.glideapps.com/u/Denis1)\
**Post date:** [December 8, 2023, 3:28am UTC](https://community.glideapps.com/t/css-for-list-collection-component/68338/7 "2023-12-08T03:28:36Z")

</div>

Font color and font style

---

<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 8, 2023, 11:30pm UTC](https://community.glideapps.com/t/css-for-list-collection-component/68338/8 "2023-12-08T23:30:54Z")

</div>

![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/9/3/9374dd43363bcd2e9b5ef9e8e0c6905ec41e9952.png)

List collection component:

```auto
div[class*="card-collection-list"] div[class*="regular-text"] :nth-child(1) {
color: red;
font-style: italic;
}

```

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

Card collection component:

```auto
div[class*="card-collection-card"] p[class*="card-collection-card"] {
color: red;
font-style: italic;
}

```

---

<div class="post-metadata">

**Author:** ![Denis1](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/denis1/32/65827_2.png) [@Denis1](https://community.glideapps.com/u/Denis1)\
**Post date:** [December 9, 2023, 3:29am UTC](https://community.glideapps.com/t/css-for-list-collection-component/68338/9 "2023-12-09T03:29:46Z")

</div>

> [@ThinhDinh](#):
>
> ```auto
> div[class*="card-collection-card"] p[class*="card-collection-card"] {
> color: red;
> font-style: italic;
> }
> 
> ```

Do I have to name the Css class

---

<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 9, 2023, 3:31am UTC](https://community.glideapps.com/t/css-for-list-collection-component/68338/10 "2023-12-09T03:31:07Z")

</div>

If you only want to apply it to a specific component then yes, then add it to the CSS.

---

<div class="post-metadata">

**Author:** ![Denis1](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/denis1/32/65827_2.png) [@Denis1](https://community.glideapps.com/u/Denis1)\
**Post date:** [December 9, 2023, 5:08am UTC](https://community.glideapps.com/t/css-for-list-collection-component/68338/11 "2023-12-09T05:08:14Z")

</div>

Is it possible to stick part of the card component at the top of the screen. This part on this image

 ![](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/3/b/3bd69e8697c16d54c76eefbe3d097308f8679788.png)

---

<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 9, 2023, 8:18am UTC](https://community.glideapps.com/t/css-for-list-collection-component/68338/12 "2023-12-09T08:18:32Z")

</div>

I don’t think I’m following. Like do you mean moving the cards up a bit?

---

<div class="post-metadata">

**Author:** ![Denis1](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/denis1/32/65827_2.png) [@Denis1](https://community.glideapps.com/u/Denis1)\
**Post date:** [December 9, 2023, 10:50am UTC](https://community.glideapps.com/t/css-for-list-collection-component/68338/13 "2023-12-09T10:50:39Z")

</div>

I need that part of the card component not to scroll I need it to stick on top. That is the search bar and the button to add items

---

<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 16, 2023, 10:51am UTC](https://community.glideapps.com/t/css-for-list-collection-component/68338/14 "2023-12-16T10:51:33Z")

</div>

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