Hi
I want to change the icons in my forum.
For example, the icon that indicates that the post was edited:
Change to another mark for example to the mark marked here https://fontawesome.com in the following code: 1f58c
What is the appropriate universal CSS code that only needs to be renamed (in my case: .edit-icon or .fa-pencil-square)
@yehonatan-albert
Thank you!
In this example it did work
But when I tried to add a second code
Let there be another icon
Of a sign that this post is locked:
And I added the following code snippet:
$(window).on('action:ajaxify.end', () => {
var ei = $('[component="topic/locked"]');
ei.removeClass('fa fa-lock fas');
// Your icon
ei.addClass('fa-expeditedssl');
});
It did not work and shows me an empty square:
Where's my mistake?
Purpose: Such a lock icon:
https://fontawesome.com/v5.15/icons/expeditedssl?style=brands
@yehonatan-albert
Why when I put such a code:
function changeLockIcon() {
const lockIcon = $('[component="topic/locked"]');
lockIcon.removeClass('fa-lock');
lockIcon.addClass('fa-guitar');
}
$(window).on('action:ajaxify.end', changeLockIcon);
$(window).on('action:topics.loaded', changeLockIcon);
Do not see any icon at all?
@yehonatan-albert
I do not find any suitable symbol there.
Is there another place from which symbols can be selected and will they be supported?
