Finding and coloring icons

[cofee_iv]

I would like to color the icons in the image above. Can someone tell me where to find them so I can download them, edit them, etc.? Also, on the right, I need to change the text color, as well. Where would I do this?

 

Thank you in advance!

[cofee_iv]

I did search the guides, without any luck.

[Colonel_mortis]

The icons are actually styled like text. In ACP, go to customization->themes, and click the edit css/html button ("</>") on the theme you want to change. Switch to the CSS tab, and find custom.css (it should be visible on the left pane without needing to expand anything). In that file, add at the bottom:

#elUserNav > li > a {
  color: #F00;
}

where #F00 is the colour that you want (in hex (starting with #), RGB (which is written rgb(255,255,255), representing white), or a colour name, (eg. "hot-pink", no quotes)).

[cofee_iv]

1 hour ago, Colonel_mortis said:

The icons are actually styled like text. In ACP, go to customization->themes, and click the edit css/html button ("</>") on the theme you want to change. Switch to the CSS tab, and find custom.css (it should be visible on the left pane without needing to expand anything). In that file, add at the bottom:

#elUserNav > li > a {
  color: #F00;
}

where #F00 is the colour that you want (in hex (starting with #), RGB (which is written rgb(255,255,255), representing white), or a colour name, (eg. "hot-pink", no quotes)).

Thank you so much! I will go give it a shot now.

[cofee_iv]

I love this! It turned out just perfect and so much easier than changing the icon colors then uploading them again. Thank you, again! I wish I knew more how to do a lot of this stuff.

[cofee_iv]

1 hour ago, Colonel_mortis said:

The icons are actually styled like text. In ACP, go to customization->themes, and click the edit css/html button ("</>") on the theme you want to change. Switch to the CSS tab, and find custom.css (it should be visible on the left pane without needing to expand anything). In that file, add at the bottom:

 

Can you tell me how to change the colors of these, as well, please?

 

[Meddysong]

Same principle as above:

.ipsItemStatus.ipsItemStatus_large {
    background: #your-color;
    color: #your-color;
}

and

.ipsItemStatus.ipsItemStatus_large.ipsItemStatus_read {
    background: #your-color;
    color: #your-color
}

for it once it's been read, as in "Introductions" in your screenshot.