The Award & Badges CSS class that generates dynamically is using the Award Name field instead of the Slug. Thus, when creating an award or badges with non-alphanumeric characters, the award icons will not be displayed properly, due to the lack of the CSS class and assignment on the <span> appears to be empty as well.
Is there a workaround to this issue (besides using English names, of course)? Or are there anyone attempted to edit the source and successfully fixed it?
Unfortunately we don't currently have a fix for this. It's something we will have to address in a future theme update. If you need help locating a specific existing line of code within the theme if you were wanting to try your hand at making the mods yourself, please let me know what that is and I can direct you to it.
Thanks for the reply. Yeah, I would like to modify the code to make it works.
I found the 2 places where the $award->name is used to create the CSS class and DOM element. However, I don't think that the slug is available at this stage? Tried to track down how the object was structured and created, but got confused after a certain point.
It would be really helpful if you can provide me a few pointers on what I can do about it. Thanks very much for the help in advance!
Take a look at the itAward class in the functions/minisites.php file beginning at line 335 and you'll notice there is no slug passed through. That would be a good place to start.