Invision Community 4: SEO, prepare for v5 and dormant account notifications By Matt Monday at 02:04 PM
Joey_M Posted August 21, 2020 Posted August 21, 2020 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.
WP V0RT3X Posted August 22, 2020 Posted August 22, 2020 .ipsDataItem[data-forumid='2'] .ipsItemStatus.ipsItemStatus_large .fa-comments::before, .ipsItemStatus:not( .ipsItemStatus_large ) .fa-comments::before { content: "\f198"; } Have fun :) Joey_M 1
Joey_M Posted August 22, 2020 Author Posted August 22, 2020 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?
Solution WP V0RT3X Posted August 22, 2020 Solution Posted August 22, 2020 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; } Joey_M 1
Joey_M Posted August 30, 2020 Author Posted August 30, 2020 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.
aXenDev Posted August 30, 2020 Posted August 30, 2020 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; } Noble~ and Joey_M 1 1
Recommended Posts