Inline List color

[Juankar_Guate]

How to change the color of each item in an Inline list

[resepsionis_ganteng]

what color part?
text?

[Juankar_Guate]

change the background color with different colors each

[resepsionis_ganteng]

you can use css to change it

[Juankar_Guate]

That’s the detail, I don’t know how to write the css code to change the background color, but make it different in each item

[resepsionis_ganteng]

check here,
maybe it can help

Beautiful Design App

Hello, Glide community With some glider we want to make a showcase with all the Most Beautiful Design App. Specially the App with a innovant or Nice Design ! If you think your App Match the topic be free to comment with some explanation of your app Regard Stan

[ThinhDinh]

Hopefully this can help.

How would I use CSS/nth term in targeting lists?

I haven’t replied back to you in the original thread, so I will do it here. [image] I think you’re looking for something like this. <pre><span><style> [data-test="list-item"] { background: rgb(25,25,25); border-radius: 10px; margin-bottom: 5px; margin-left: 10px; margin-right: 10px; } [data-test="app-vertical-list"] .selected-item-list-item-4 { background: rgb(230,230,230) !important; } Glide has a special scheme for naming these list item classes. It starts from the list title (which I d…

<pre><span><style>

[data-test="app-vertical-list"] .selected-item-list-item-1 {
background: red !important;
}

[data-test="app-vertical-list"] .selected-item-list-item-2 {
background: green !important;
}

[data-test="app-vertical-list"] .selected-item-list-item-4 {
background: black !important;
}

[data-test="app-vertical-list"] .selected-item-list-item-5 {
background: blue !important;
}

[data-test="app-vertical-list"] .textStyle {
color: white;
}

[data-test="app-vertical-list"] .navigationIcon {
color: white;
}