Invision Community 4: SEO, prepare for v5 and dormant account notifications Matt November 11, 2024Nov 11
Posted May 14, 20196 yr 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 !
September 18, 20195 yr 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.
September 18, 20195 yr Author 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 ?
September 18, 20195 yr 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.
Archived
This topic is now archived and is closed to further replies.