Invision Community 4: SEO, prepare for v5 and dormant account notifications Matt November 11, 2024Nov 11
Posted April 1, 201510 yr Being able to upload a custom forum icon is great However, I really think it would be much better if we could also have the option to choose from the full list of FontAwesome icons, potentially removing the need for an image based icon in many situations.
April 2, 201510 yr Author Example usage: Say I have an archive forum (read-only) and I want to make it more noticable that it's a special forum, by giving it a special icon. In the ACP I will choose the Archive Icon from the list of FontAwesome icons.
April 2, 201510 yr This can be done with one line in custom.css (15 is the forum id and \f085 is the unicode value of the icon..ipsDataItem[data-forumid='15'] .fa-comments:before{ content: "\f085" }
April 2, 201510 yr Author This can be done with one line in custom.css (15 is the forum id and \f085 is the unicode value of the icon. .ipsDataItem[data-forumid='15'] .fa-comments:before{ content: "\f085" } Thanks, I'll know how to do this, but not everyone knows their way around CSS. Should be a setting in the UI in my opinion, also for easier usage, considering custom forum icons is already a setting, but missing the option for FontAwesome icons
April 2, 201510 yr a global css for all theme could be very useful but issue could be when i mark icon as read sure that could be made with same way override icon with !important rule. icon on 3.4 have read and unread... on 4.0 is single?
April 2, 201510 yr Author Can edit the template with the font-awesome class name.I don't want to edit the template for this. I want to avoid marking any template files as modified, so I don't miss out on updates. All theme modifications have been done in custom.css.
April 2, 201510 yr Author Nah, I got it working with this: .ipsApp_front .cForumList .ipsItemStatus.ipsItemStatus_large { background:#2E3A44;color:#5D7686;border-radius:100%; } .ipsApp_front .cForumList .ipsDataItem .fa-comments { position:relative;top:1px;left:2px; } .ipsApp_front .cForumList .ipsDataItem:not([data-forumid='15']) .fa-comments:before { content: "\f07c"; } .ipsApp_front .cForumList .ipsDataItem .ipsItemStatus.ipsItemStatus_large.ipsItemStatus_read { background:#2D2D2D;color:#888;border-radius:100%; } .ipsApp_front .cForumList .ipsDataItem .ipsItemStatus.ipsItemStatus_large.ipsItemStatus_read .fa-comments { left:1px; } .ipsApp_front .cForumList .ipsDataItem:not([data-forumid='15']) .ipsItemStatus.ipsItemStatus_large.ipsItemStatus_read .fa-comments:before { content: "\f07b"; } .ipsApp_front .cForumList .ipsDataItem[data-forumid='15'] .ipsItemStatus .fa-comments { left:1px !important; } .ipsApp_front .cForumList .ipsDataItem[data-forumid='15'] .ipsItemStatus .fa-comments:before { content: "\f023"; } But I still think this would be great as a per-forum setting, since the custom forum icon feature is already there in a lesser form Encouraging the use of FontAwesome over image based icons would be advantageous, also for the sake of consistency. It feels weird shoving an image based icon into an otherwise completely FontAwesome based suite, and every custom icon produces an unncessary HTTP request.
Archived
This topic is now archived and is closed to further replies.