Jump to content

Add forum icon image to default skin


Joey_M
 Share

Go to solution Solved by Darth Vortex,

Recommended Posts

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

Link to comment
Share on other sites

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?

Link to comment
Share on other sites

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.

Link to comment
Share on other sites

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

 

Link to comment
Share on other sites

 Share

  • Recently Browsing   0 members

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