I search the internet for a couple of weeks to find the solution to this.
No luck from google so I did some digging and tinkering and found the solution myself.
First step: add to your custom.css of the theme you are editing, this step must be done in order for it to work, and
enter this code .ipsItemStatus.ipsItemStatus_read {
opacity: 1;
}
----------------
Next step: Find the section that reads Forum Icons and change all the lines that read ".ipsItemStatus_read" to ".ipsItemStatus_unread"
-----------------
examples
Before:
.ipsItemStatus.ipsItemStatus_large.ipsItemStatus_read{ <-- only change the green lines
background-image: url('{theme="focus_ficon_image_read"}'); <-- do not change these lines
opacity: 1;
filter: none;
}
After:
.ipsItemStatus.ipsItemStatus_large.ipsItemStatus_unread{
background-image: url('{theme="focus_ficon_image_read"}');
opacity: 1;
filter: none;
}
I hope this helps others out because it was quite frustrating for me and there is NOTHING on the web about this issue.