# CSS for hidding separator in inline list

**URL:** https://community.glideapps.com/t/css-for-hidding-separator-in-inline-list/30519
**Category:** Ask for Help
**Created:** [August 15, 2021, 8:35pm UTC](https://community.glideapps.com/t/css-for-hidding-separator-in-inline-list/30519 "2021-08-15T20:35:05Z")
**Posts on this page:** 9
**Page:** 1

<div class="post-metadata">

### Author: ![Alexis\_AZOULAI](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/alexis_azoulai/32/20550_2.png) [@Alexis\_AZOULAI](https://community.glideapps.com/u/Alexis_AZOULAI)
#### Post date: [August 15, 2021, 8:35pm UTC](https://community.glideapps.com/t/css-for-hidding-separator-in-inline-list/30519/1 "2021-08-15T20:35:05Z")

</div>

Hi everybody,

Can a CSS wizard help me?  
I would like to manage to hide the separator from inline lists. I have several inline lists on the screen and ideally they should be hidden from all.  
Thank you in advance for your help.

---

<div class="post-metadata">

### Author: ![Rosewebstudio](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/rosewebstudio/32/12261_2.png) [@Rosewebstudio](https://community.glideapps.com/u/Rosewebstudio)
#### Post date: [August 15, 2021, 9:03pm UTC](https://community.glideapps.com/t/css-for-hidding-separator-in-inline-list/30519/2 "2021-08-15T21:03:46Z")

</div>

Hi

Like this?

> **[Code BOOK](https://code-book.glideapp.io/dl/ewAiAHQAIgA6ADIALAAiAHMAIgA6ACIAYwBsAGEAcwBzAC0AYwBvAGQAZQBzACIALAAiAHIAIgA6ACIAagBDAGEAaABhAEsAaQBFAFMAdABlAFEASwByAGkAdQBvAFQAcgBsADIAZwAiACwAIgBuACIAOgAiAEMAUwBTACAAYwBvAGQAZQAiAH0A)**
>
> share cool codes, scripts and links

---

<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 15, 2021, 11:16pm UTC](https://community.glideapps.com/t/css-for-hidding-separator-in-inline-list/30519/3 "2021-08-15T23:16:19Z")

</div>

You can try this.

```auto
<pre><span><style>

[data-test="list-item"].separator::after {
display: none;
}

```

---

<div class="post-metadata">

### Author: ![Alexis\_AZOULAI](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/alexis_azoulai/32/20550_2.png) [@Alexis\_AZOULAI](https://community.glideapps.com/u/Alexis_AZOULAI)
#### Post date: [August 16, 2021, 7:42am UTC](https://community.glideapps.com/t/css-for-hidding-separator-in-inline-list/30519/4 "2021-08-16T07:42:55Z")

</div>

Awesome ! You are a genius ! It’s perfect !  
If I can abuse it, would you know how to reduce the space at the top and bottom of the inline list?  
Thanks again !

---

<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 16, 2021, 8:07am UTC](https://community.glideapps.com/t/css-for-hidding-separator-in-inline-list/30519/5 "2021-08-16T08:07:39Z")

</div>

Try this whole combo.

```auto
<pre><span><style>

[data-test="list-item"].separator::after {
display: none;
}

:not(.highlight-view) [data-test="app-vertical-list"]:first-child {
padding-top: 0px;
}

[data-test="app-vertical-list"] {
padding-bottom: 0px;
}

```

---

<div class="post-metadata">

### Author: ![Alexis\_AZOULAI](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/alexis_azoulai/32/20550_2.png) [@Alexis\_AZOULAI](https://community.glideapps.com/u/Alexis_AZOULAI)
#### Post date: [August 16, 2021, 8:14am UTC](https://community.glideapps.com/t/css-for-hidding-separator-in-inline-list/30519/6 "2021-08-16T08:14:42Z")

</div>

Wonderful.

Thank you so much

---

<div class="post-metadata">

### Author: ![Sales\_Manager](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/sales_manager/32/16172_2.png) [@Sales\_Manager](https://community.glideapps.com/u/Sales_Manager)
#### Post date: [February 18, 2023, 9:21am UTC](https://community.glideapps.com/t/css-for-hidding-separator-in-inline-list/30519/7 "2023-02-18T09:21:03Z")

</div>

Can i get a code CSS for bold separator ?

---

<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: [February 18, 2023, 9:23am UTC](https://community.glideapps.com/t/css-for-hidding-separator-in-inline-list/30519/8 "2023-02-18T09:23:01Z")

</div>

Sorry, I don’t recommend using CSS in Apps project from now on. It will most likely break when the transition to Pages complete.

---

<div class="post-metadata">

### Author: ![NoCodeAndy](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/nocodeandy/32/62530_2.png) [@NoCodeAndy](https://community.glideapps.com/u/NoCodeAndy)
#### Post date: [January 17, 2024, 4:49pm UTC](https://community.glideapps.com/t/css-for-hidding-separator-in-inline-list/30519/9 "2024-01-17T16:49:11Z")

</div>