Jump to content

Featured Replies

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

Solved by WP V0RT3X

Go to solution
.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 :)

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

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

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

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

 

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.

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

  • No registered users viewing this page.