Invision Community 4: SEO, prepare for v5 and dormant account notifications Matt November 11, 2024Nov 11
Posted August 21, 20204 yr Can anyone tell me how to replace the CSS forum markers with an image within the default theme? I know you can add an icon via the forum categories, however, I don't want to interfere with any of my other themes. I simply want to switch them out, I'm surprised the default skin doesn't have an option within the themes settings like custom themes do.
August 22, 20204 yr .ipsDataItem[data-forumid='2'] .ipsItemStatus.ipsItemStatus_large .fa-comments::before, .ipsItemStatus:not( .ipsItemStatus_large ) .fa-comments::before { content: "\f198"; } Have fun :)
August 22, 20204 yr Author 15 hours ago, V0RT3X666 said: .ipsDataItem[data-forumid='2'] .ipsItemStatus.ipsItemStatus_large .fa-comments::before, .ipsItemStatus:not( .ipsItemStatus_large ) .fa-comments::before { content: "\f198"; } Have fun 🙂 Sorry, I'd like to replace them with an icon image. Is this possible via CSS?
August 22, 20204 yr Solution Quick and dirty... .ipsDataItem[data-forumid='2'] .ipsItemStatus.ipsItemStatus_large, .ipsItemStatus:not( .ipsItemStatus_large ) { color: transparent; background: url(https://icons.iconarchive.com/icons/arrioch/halloween/32/devil-icon.png) no-repeat center center; }
August 30, 20204 yr Author On 8/22/2020 at 9:49 PM, V0RT3X666 said: Quick and dirty... .ipsDataItem[data-forumid='2'] .ipsItemStatus.ipsItemStatus_large, .ipsItemStatus:not( .ipsItemStatus_large ) { color: transparent; background: url(https://icons.iconarchive.com/icons/arrioch/halloween/32/devil-icon.png) no-repeat center center; } I've tried to add multiple forum ID's but I can't seem to figure it out. [data-forumid='2,5, 6,'] Is this possible at all? Thank you for your help.
August 30, 20204 yr 5 minutes ago, Joey_M said: [data-forumid='2,5, 6,'] No, If you want to add another ID to this code, you need to do like this: .ipsDataItem[data-forumid='2'] .ipsItemStatus.ipsItemStatus_large, .ipsDataItem[data-forumid='2'] .ipsItemStatus.ipsItemStatus_large, .ipsDataItem[data-forumid='2'] .ipsItemStatus.ipsItemStatus_large, .ipsDataItem[data-forumid='2'] .ipsItemStatus.ipsItemStatus_large, .ipsDataItem[data-forumid='2'] .ipsItemStatus.ipsItemStatus_large, .ipsDataItem[data-forumid='2'] .ipsItemStatus.ipsItemStatus_large { color: transparent; background: url(https://icons.iconarchive.com/icons/arrioch/halloween/32/devil-icon.png) no-repeat center center; }