Jump to content

Add forum icon image to default skin


Go to solution Solved by WP V0RT3X,

Recommended Posts

Posted

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.

W2wiXre.jpg

Posted
15 hours ago, V0RT3X666 said:

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

935881182_Screenshot(1).png.28f8a97280fc4c47e8f784944b9fa3e1.png

Have fun 🙂

Sorry, I'd like to replace them with an icon image.

Is this possible via CSS?

  • Solution
Posted

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

 

quickanddirty.png

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

 

quickanddirty.png

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.

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

 

  • Recently Browsing   0 members

    • No registered users viewing this page.
×
×
  • Create New...