Add forum icon image to default skin

[Joey_M]

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]

.ipsDataItem[data-forumid='2'] .ipsItemStatus.ipsItemStatus_large .fa-comments::before,
.ipsItemStatus:not( .ipsItemStatus_large ) .fa-comments::before {
    content: "\f198";
}

Have fun :)

[Joey_M]

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?

[WP V0RT3X]

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]

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]

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;
}