CSS for hidding separator in inline list

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.

Hi

Like this?

You can try this.

<pre><span><style>

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

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 !

Try this whole combo.

<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;
}
5 Likes

Wonderful.

Thank you so much

3 Likes

Can i get a code CSS for bold separator ?

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