Vianney Gantelmi Posted May 14, 2019 Share Posted May 14, 2019 Hello ! I'd like to know if you could consider to bring back the possibility to use 2 images for the read and unread state of the forums. Currently, only 1 image is used, which is either opaque or transparent to show the state of a forum. To be able to use the "classic" "unread image" + another "read image" would be great. Thanks ! Link to comment Share on other sites More sharing options...
Jennifer M Posted September 18, 2019 Share Posted September 18, 2019 Hey @Vianney Gantelmi You can achieve this through CSS. If you want to use two different Font Awesome icons (this includes changing the background color too): .cForumRow .ipsItemStatus.ipsItemStatus_large .fa.fa-comments::before { content: "\f0a2"; } .cForumRow .ipsItemStatus.ipsItemStatus_large { background: #FF0000; } .cForumRow .ipsItemStatus.ipsItemStatus_large.ipsItemStatus_read .fa.fa-comments::before { content: "\f0a2"; } .cForumRow .ipsItemStatus.ipsItemStatus_large.ipsItemStatus_read { background: #000; opacity: 1; } For two different images you would do this: .cForumRow .ipsItemStatus.ipsItemStatus_large .fa.fa-comments::before { content: url(PATHTOIMAGE); } .cForumRow .ipsItemStatus.ipsItemStatus_large { background: transparent; } .cForumRow .ipsItemStatus.ipsItemStatus_large.ipsItemStatus_read .fa.fa-comments::before { content: url(PATHTOIMAGE); } .cForumRow .ipsItemStatus.ipsItemStatus_large.ipsItemStatus_read { background: transparent; opacity: 1; } You can do similar things for the topic list etc. Link to comment Share on other sites More sharing options...
Vianney Gantelmi Posted September 18, 2019 Author Share Posted September 18, 2019 9 hours ago, Jennifer M said: Hey @Vianney Gantelmi You can achieve this through CSS. If you want to use two different Font Awesome icons (this includes changing the background color too): .cForumRow .ipsItemStatus.ipsItemStatus_large .fa.fa-comments::before { content: "\f0a2"; } .cForumRow .ipsItemStatus.ipsItemStatus_large { background: #FF0000; } .cForumRow .ipsItemStatus.ipsItemStatus_large.ipsItemStatus_read .fa.fa-comments::before { content: "\f0a2"; } .cForumRow .ipsItemStatus.ipsItemStatus_large.ipsItemStatus_read { background: #000; opacity: 1; } For two different images you would do this: .cForumRow .ipsItemStatus.ipsItemStatus_large .fa.fa-comments::before { content: url(PATHTOIMAGE); } .cForumRow .ipsItemStatus.ipsItemStatus_large { background: transparent; } .cForumRow .ipsItemStatus.ipsItemStatus_large.ipsItemStatus_read .fa.fa-comments::before { content: url(PATHTOIMAGE); } .cForumRow .ipsItemStatus.ipsItemStatus_large.ipsItemStatus_read { background: transparent; opacity: 1; } You can do similar things for the topic list etc. Thank you ! Will try this soon. Is the custom.css file to be modified here ? Link to comment Share on other sites More sharing options...
Jennifer M Posted September 18, 2019 Share Posted September 18, 2019 Yes. Add these items to the custom.css if you need them to be more forum specific you can do that too. This is just generalized replacement. Link to comment Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.