Color in Icon List

Support
#1

Hello,
how can I please change the text color in the icon list item?

I can change the Icon color but I cnnot find how to change the text.

Thank you very much for help!
Alexandra

#2

Hi there,

Unfortunately we do not have an option for the text section of the Classic Icon List to change the color for. That is why you need to use the CSS code to achieve the effect you want.

Kindly go to the Classic Icon List element and add a unique class to that:

Then kindly add the CSS code below to X > Launch > Options > CSS:

.colorediconlist .x-li-icon {
    color: #ff00ff;
}

The code above will ensure that only the Icon Lists with the colorediconlist class will get the color change.

You are welcomed to change #ff00ff in the code to whatever color code you like.

Thank you.

#3

Hello,
thank you very much for this fast feedback!
I did all you said but it doesnt work.
I send you some screenshots, hope you can see what I did wrong :slight_smile:

Thank you very much!
Alexandra

#4

Hi There,

Please update the previous CSS to this:

.colorediconlist,
.colorediconlist .x-li-icon {
    color: #ff00ff;
}

Hope it helps :slight_smile:

#5

yes this helped!
Thank you :grinning: :gift:

#6

Glad we were able to help :slight_smile:

#7

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.