Invision Community 5: A video walkthrough creating a custom theme and homepage By Matt Thursday at 04:02 PM
Vianney Gantelmi Posted May 14, 2019 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 !
Jennifer M Posted September 18, 2019 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.
Vianney Gantelmi Posted September 18, 2019 Author 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 ?
Jennifer M Posted September 18, 2019 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.
Recommended Posts
Archived
This topic is now archived and is closed to further replies.