Jump to content

Icons for other Categories?


Michael R
 Share

Recommended Posts

29 minutes ago, Michael R said:

You can upload a specific icon for each Forum. I would like to be able to do the same for Article Categories.

 

[data-categoryid="2"] .fa-comments::before {
  content: "REPLACE" !important;
}

i would say yes you need add this to custom.css just replace items with RED with what you need to get the id look in chrome in inspect element mode for the icon use the the Font Awesome site or what ever like to replace.

Link to comment
Share on other sites

im trying to make ...  font-awesome on each forums are differant

like u make before ... but its doesn't work
 

[data-forumid="18"].fa-comments::before {
  content: "\f00b" !important;

}

like this ... but  its till nothing ..

 

37 minutes ago, Pete T said:

[data-categoryid="2"] .fa-comments::before {
  content: "REPLACE" !important;
}

i would say yes you need add this to custom.css just replace items with RED with what you need to get the id look in chrome in inspect element mode for the icon use the the Font Awesome site or what ever like to replace.

 

Link to comment
Share on other sites

2 minutes ago, Joel R said:

Not just font awesome icons, but like how IP.Board allows us to upload a custom image to represent the forum:

561145cee5e74_ForumIcon.thumb.PNG.98a31b

yeah i see at moment only way could do this is .css via replacing the content to image format

6 minutes ago, linkmat said:

im trying to make ...  font-awesome on each forums are differant

like u make before ... but its doesn't work
 


[data-forumid="18"].fa-comments::before {
  content: "\f00b" !important;

}

like this ... but  its till nothing ..

 

 

for forum icons you need

[data-forumid="57"] .fa-comments::before {
  content: "\f0b1" !important;
}

Link to comment
Share on other sites

5 minutes ago, Pete T said:

yeah i see at moment only way could do this is .css via replacing the content to image format

for forum icons you need

[data-forumid="57"] .fa-comments::before {
  content: "\f0b1" !important;
}

Thank Its Works :0 so well :D

my error was  i didn't make a space between [data-forumid="57"] and that .fa-comments::before

[data-forumid="57"] .fa-comments::before {
  content: "\f0b1" !important;
}

Edited by linkmat
Link to comment
Share on other sites

Just now, Pete T said:

glad to help every icon needs different set of css so what will work in forums will not work in downloads and so on.

yes we need to make for every forum... if i want to make for cats in article .. its will work like similary

 

Link to comment
Share on other sites

when i know the process im ok
in HTML and CSS 

but ... when we talk about php,mysql ... u can take a jet plane and run run run faster because i didnt understant anything XD

2 minutes ago, Pete T said:

if have any problems do let me know :D 

 

Link to comment
Share on other sites

 Share

  • Recently Browsing   0 members

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