Change text color of the inline list

it is possible to change the color of the inline text with css ?

1 Like

The answer is probably yes, but you need to be more specific.
There are lots of components that display text, but none of them are called “inline text”
ie. Are you referring to a Text component, a Basic Table, a Rich Text Component, an Action Text Component, an Inline List, or…?

I want to change the text color of a specific inline list

Okay. Yes, that should be possible, although the class names vary depending on the type of list layout and which text element needs to be changed.

A screenshot would probably be helpful

1 Like

Uploading: Capturar.JPG…

So the “Seja bem vindo” part needs to be changed?

All texts within the inline list

Does the title need to be changed to and what color do you want it to be?

I will change the background, the idea and leave the texts inside the inline list in white

Here’s the code for changing the title text and details text.

<pre><span><style>
[data-test="list-item"] .textStyle{
color: red;
}
[data-test="list-item"] .textDetailStyle{
color: black;
}
7 Likes

@ThinhDinh thank you! problem solved. :+1: :clap:

2 Likes

@ThinhDinh to change the color of the title of the inline list as it would be?

<pre><span><style>
[data-test="list-item"] .textStyle{
color: red;
}
[data-test="list-item"] .textDetailStyle{
color: black;
}
[data-test="app-vertical-list"] >div >div {
color: gold;
}

5 Likes

Very good … thanks again!

2 Likes

@ThinhDinh … Result with changes :+1: :wink:

3 Likes

Looks good! Do you want me to help with the separator of the lists and the “>” icon as well? I think making them all white would be nice.

I want

Let’s try this.

<pre><span><style>
[data-test="list-item"] .textStyle{
color: red;
}
[data-test="list-item"] .textDetailStyle{
color: white;
}
[data-test="app-vertical-list"] >div >div {
color: gold;
}
[class="navigationIcon"] >*{
color: white;
}
[data-test="list-item"].separator::after {
background-color: white;
height: 0.5px;
}

7 Likes

wow … it really got a lot better

very, very grateful

2 Likes

2 Likes