custom icons for seperate forum sections

[Borgore 0]

Hello. ACP allow to us making changes with default forum section icons - when posts are read and when there is a new content.

I wanted to know, how it's possible to set custom icons for seperate forum sections - not for all, but for example just few..

Thank you!

[mr-pimpen 387]

put this in side your css theme witch one that you are using and do it for each forum just change the #

[data-forumid="2"] .fa-comments:before {
  color: red;
	content: "\f0a1";
  
}

 

[Borgore 0]

16 hours ago, mr-pimpen said:

put this in side your css theme witch one that you are using and do it for each forum just change the #

[data-forumid="2"] .fa-comments:before {
  color: red;
	content: "\f0a1";
  
}

 

Hello, mr-pimpen. Sorry if I don't get it right, but what do you mean with color red? and content is location of images?

+ so how it is for "new content" and "no new content" ?

edit: I'm blind, ACP already got this option.. :

 The icon displays next to the forum in the forum list. It will automatically be faded out to indicate if there are no unread topics within the forum.
If none is provided, the default icon will be used.

Edited March 20, 2019 by Borgore

[titcrunch 182]

each icon is editable in each forum himself :

• unread have opacity = 1,
• read have opacity = 0.6

if you wan't other modification for unread or read icon, you need use css in your custom CSS with this 2 class :

• .ipsItemStatus

[mr-pimpen 387]

9 hours ago, Borgore said:

Hello, mr-pimpen. Sorry if I don't get it right, but what do you mean with color red? and content is location of images?

+ so how it is for "new content" and "no new content" ?

edit: I'm blind, ACP already got this option.. :

 The icon displays next to the forum in the forum list. It will automatically be faded out to indicate if there are no unread topics within the forum.
If none is provided, the default icon will be used.

you dont have to have that red color you can remove it its just there but thats the codes to puting your own icon it better that way cause if you some how de side to remove it will be easer it will do the same thing as to add image if the forums

[Borgore 0]

3 hours ago, titcrunch said:

each icon is editable in each forum himself :

• unread have opacity = 1,
• read have opacity = 0.6

if you wan't other modification for unread or read icon, you need use css in your custom CSS with this 2 class :

• .ipsItemStatus

how do u mean "each icon is editable in each forum"?

in ips4 acp u can:

1) go to themes - edit it in forum icons section, where u can upload two icons for read and unread content;

2) go to each forum section and upload one icon where ips make it with different opacity.

so anyway it must be a custom css coding, but how exactly if I got almost for each forum section it's specific icon?

[titcrunch 182]

no you can make one css modification for all icon in one time

[Borgore 0]

10 hours ago, titcrunch said:

no you can make one css modification for all icon in one time

ah, for all "content already read" icons

I will tryhard to search in all css documents later for sure, but now I can't see where to find opacity

 

[titcrunch 182]

opacity is in this class (don(t look value have make some change on my board ^^) :

.focus-member .ipsItemStatus.ipsItemStatus_large.ipsItemStatus_read, .focus-member .ipsItemStatus_custom.ipsItemStatus_read {
    opacity: 0.3;
    filter: grayscale(1);
}

so add same in custom css and replace opacity value by was you want

[Borgore 0]

thanks all, so that problem is solved