Change text color of the inline list

[ThinhDinh]

Great to see!

[christoph]

Thank you for your css example.
Having tried to change the color of the subtitle of the action text, but it didn’t work.
Maybe you have an idea…?
Do you also know how to reduce the white space between the two action text items?
Thanks!

[ThinhDinh]

<pre><span><style>
[data-test="list-item-title"].textStyle{
color: green;
}

Seems like you don’t have a title for that second element. I would advise against using CSS here because we don’t have a way to hide the unused title space without affecting the other action texts on the same screen.

[biha]

Hi,

What if I want to change the color of “Submit” button?

[ThinhDinh]

Only specific to that button, or for the other buttons on that screen as well?

It’s a bit tricky because an easy change would affect all buttons, to get that to the specific button only would be more difficult.

[biha]

Only that button .
hmmm ok never mind.
Let it be. haha

[biha]

Hi Claudio,

Sorry to interrupt but can I know how you change the background?

@Claudio_Balbino

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

[Claudio_Balbino]

Hi @biha,

I change the background with a rich text, which captures the code of a template column.

If you need more details just ask

[biha]

But what size is the image is ?

[Claudio_Balbino]

I use 540x1040 pixels

[biha]

Mine suppose to be like this:

But why it going like this?

No button. Got covered by the background. haha

[christoph]

Sure, I do have a title but I don’t have a subtitle in the second element. Funny enough, for the action text element the subtitle is above the title and has a larger font.

In the end I wanted to use the subtitle in a different color as the title is too small compared to a standard text in other rich text elements which I have on that screen

Do you know why my css for the subtitle didn’t work?

[ThinhDinh]

Just to make sure I get you right, do you mean the text in the “Design > Title” part?

<pre><span><style>
[data-test="list-item-subtitle"].textDetailStyle{
color: green;
}

It’s textDetailStyle not textStyle, the reason why your CSS did not work.

[christoph]

Perfekt, @ThinhDinh thank you so much.

[Laurent_Maleville]

Hi @ThinhDinh,
Thanks for your help,
Do you know a solution to have a colour of the « group option » in inline list
I make a group by shops and i would like change the colour

Thanks

e

[ThinhDinh]

I’m not quite sure using “role = cell” might affect other components in your screen or not, as I have only 1 inline list here, but you can try it.

<pre><span><style>
[role="cell"] >div > div {
color: #800200;
}

[Laurent_Maleville]

Hi @ThinhDinh
Perfect, it works!
Thank you so much

[baremeter]

Hi
I have been scrolling down your list of CSS scripts to change various font colors etc
Can you advise how to change these three elements ?
Email entry - Title & Placeholder
Rating - Title
Text Entry - Title & Placeholder

Hopefully colour and if possible size?

many thanks
Mike

[ThinhDinh]

What color do you want to change them to?

[baremeter]

Black will do and then I can change to another color if necessary…
Thanks