Change colour of icon list text

Hi,

I’m using the classic icon list element and the standard font colour is grey. What code can I used to:

  1. change the colour of the icon list text, site-wide
  2. change the font size, list-specific

Thanks,

Callum.

Hello Callum,

Thanks for asking. :slight_smile:

  • To change color of icon list text site wide, please add following CSS under X/Pro > Theme Options > CSS:
.x-ul-icons .x-li-icon {
    color: #ddd;
}
  • To change font size list specific, you can add following CSS under style text box of icon list:
font-size: 30px;

  • In case you want to change the font size of individual list item, then click on the list item. After that add in Style text box, add the CSS code I gave you in second step to change font size.

Thanks.

1 Like

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