This topic has 25 replies, 3 voices, and was last updated 7 years by 
-
-
Hello,
I’ve been trying to update my Fontello icon selections and have been running into some strange difficulties. I’ve been through all of your documentation, and even all of the support tickets about this. I know exactly how to update Fontello, right down to the need to re-save the theme settings after changing the Fontello files.
What I was initially trying to do was load all of the Fontello icons (all 2000+ of them). This is really what I want, to have them all available to me. But I ran into problems immediately.
When I loaded all of the icons the first thing I noticed was that the menus screen in the admin (the screen to customize the front-end menus) was loading dead-slow. In fact, the screen took about 20 seconds to respond. When it did respond I found that maybe only the first few hundred icons were showing, and most of the rows (the icons are displayed in rows of 10) were missing icons. What you see are blank spots that you can hover over, but there are no icons in them. (I’m attaching a screen-shot of this to demonstrate what I mean).
I thought perhaps these problems were related simply to trying to load so many icons, so I did a test. This time I tried loading only the FontAwesome icons (there are 675 of them). When I clicked on the menus screen, it did load faster (though still with a noticeable delay). When looking at the icons, there were still many icons missing with blank spots, as described above. I counted the number of rows of 10, and it did correspond to the right number to hold 675 icons, but as I said, many icons are simply missing and are showing as blank spaces.
Clearly there’s a problem updating icons, at least for me. I don’t believe I’m looking at any kind of plugin conflict here. I’m an experienced developer. The only thing I did differently from your instructions was to use a fresh download from Fontello, instead of first opening up the .json file from the theme and adding to it. I trust this should make no difference, right?
I really do need to get this working asap, as I am putting together my header/menus this week, and I need these icons available to me. Have you ever attempted loading all of the icons on your end as a test? I think you should try this as I did, to see if you encounter the same kinds of problems.
Fontello is pretty neat, by being able to combine together so many different icon font collections. But I’m worried it may be buggy in the theme, especially when loading larger numbers of icons.
One last thing I forgot to mention is that I am implementing this from within my child-theme, exactly as you instructed to do.
I hope to hear back from you soon!
~ Michael
Just wanted to add, that of the 675 icons that should have appeared from my FontAwesome test, I found 308 of them were missing with blank spots.
~ Michael
Please read my above posts first…
One other discovery made during testing:
I’ve confirmed that the child theme implementation is not the cause of this problem. I tried temporarily replacing the files in the main theme to see if it would correct this, and it did not. It seems there is a more fundamental issue with loading lots of new icons.
I also find it interesting that the original selected icons for the theme all appear without any apparently missing.
~ Michael
Hello,
One last update here on my testing… (please read all my earlier posts first)
I ran one final test where I loaded the original .json file from the theme into Fontello first. I then added only one new icon to see what would happen. Afterwards that one new icon was not displaying in the choices, and appeared as a blank space (just like all the earlier problems). I confirmed that it is the blank space that is the new icon I selected. Even more strange is that when I select the blank space that icon displays on the front end of the site correctly, despite the fact it is essentially invisible in the admin.
This is all very strange indeed, and I hope you can’t help me to solve it. There’s little point to using Fontello if I can’t easily add and use new icons.
Btw, you should really introduce a search feature into the icon selector (for the menus). It’s really impossible to find what you need without the ability to search for an icon by keyword.
~ Michael
Hello, will assign the ticket to a higher support level who can help and advise you in your query.
Thanks! ?Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionLaura Solanes - Graphic Designer and Web Designer
Please be patient as I try to answer each topic as fast as i can.
If you like the theme or the support you've received please consider leaving us a review on Themeforest!
Always happy to help you 🙂
Hello, if you see the blank spots please try to clear any cache on your browser and te-test. Also please make sure that you have the latest theme version installed since there were some fixes added related to something similar.
If none work please attach the fontello files you are overriding to test
Let me know.
Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution---
@ SeventhQueen we do our best to have super happy customers. Thanks for being our customer.Hello,
I actually cleared my browser’s cache several times yesterday. Believe me, I thought of all the obvious causes. I’m a developer working on a new site here.
I also have the latest version of Kleo installed, and even checked for that yesterday. I’m using version 4.1.6.2, which is the latest version according to ThemeForest.
I’m going to run one last test here this morning by adding a few more icon sets, and then specifically clearing my cache to completely rule that out as a cause.
If this doesn’t work I’ll send you over the files zipped up so you can test on your side.
Thank you for your help…
~ Michael
Hello,
I just performed the following test…
I compiled a new set of Fontello icons using the original .json file from the theme to start. The original icon total is 465 (selected by the default theme). I went ahead and added the remaining icons from FontAwesome, Elusive, and Web Symbols. The new font total was 1,113.
After this I loaded the new files properly in my child theme, and then re-saved the theme options. I then checked to see if all the fonts were appearing when selecting for the front-end menus (in the admin). As before, a huge number we simply missing and showing blank spots.
I then cleared my browser’s cache and checked again. The same result happened, with missing icons. I tried re-saving the theme settings again, and then looked on last time and there was no change.
Of the 1113 icons that should be displaying, it doesn’t look like there’s even enough rows for that many. There are enormous numbers of blank spots showing, just as before. This proves that clearing the cache wasn’t the cause.
Another thing I noticed is a major slow-down in the loading of the menus screen in the admin. The screen initially takes longer to load the existing menus. But there’s a more annoying problem after they appear. You cannot select any of the menu items for about 30 seconds. They simply don’t react with the mouse. It looks like the browser is busy processing all of the icons on the back-end for some time. After about 30 seconds you can manipulate the menus as normal.
So really there are two problems here. The fact I can’t update the icons, and that the menus screen slows down and can’t be used for the first 30 seconds or so.
I’ve attached here the zip file I downloaded from Fontello, with the 1,113 icons. This includes all of the original icons for the theme.
I really hope you can figure out what’s going on.
~ Michael
Will do some tests and get back to you with the fix.
Cheers
Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution---
@ SeventhQueen we do our best to have super happy customers. Thanks for being our customer.Hi Abe,
I appreciate your help with this. At the moment this problem is delaying my project, as I’m trying to put together the entire header and menu system of the new site. I’m going to be using many icons in this menu, so you can see the problem for me.
Assuming we do figure this out, one thing that does seem to be lacking here is the ability to easily search the icons by keyword. Even the ability to search by the icon code would be helpful. I plan to have over 1,000 icons in this selection, so it really does need to be searchable/filterable. This would be a good idea for a theme update feature.
Talk soon and good luck with your testing!
~ Michael
Hi, will give you an update later today to see what is causing it.
Thanks
Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution---
@ SeventhQueen we do our best to have super happy customers. Thanks for being our customer.Hello, I managed to find the problem and for some reason in the admin menu it was loading the parent theme fontello css. Override the files from the archive to fix it until the next theme update.
Cheers
Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution---
@ SeventhQueen we do our best to have super happy customers. Thanks for being our customer.Hi Abe,
I’m glad to have heard from you before the weekend!
Ok, so you’re saying that I’ve identified a legitimate bug in the theme? When do you anticipate the next theme update with a permanent fix?
For the temporary fix…
What I don’t understand is that I’m overriding all the parent-theme Fontello files right now by using my child-theme. Is there another way I can be overriding the parent-theme files?
~ Michael
Oh, my bad… I see the attachment you provided. I’ll just correct the theme files directly since everything will be replaced with the next theme update. No reason to add these to the child theme, since it’s temporary.
I hope this works!
Please make sure the fix ends up in the next update…
I’ll let you know if this corrects the problem too.
~ Michael
Yes they will be in the next update and make sure to replace main theme files with those
Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution---
@ SeventhQueen we do our best to have super happy customers. Thanks for being our customer.Hi Abe,
I just implemented the patch, replacing the actual theme files. It wouldn’t have made sense to do this with the child theme anyway, since these files will be included in the next update.
I’m happy to report this corrected the problem. I loaded my original Fontello export which was including all their icons (all 2,358 of them). I’ve confirmed they all display within the menus section of the admin.
The only real problem left is the loading time. When using lots of icons it slows down the menu sections of the admin from working for a long time. It partially depends upon how many menu items are in the menu, but loading can take as long as a full minute! In that time the browser becomes completely unresponsive, and you have to wait before any menus can be edited.
I’ve also found that the website’s front-end is affected. Icons that I had hidden with css are now briefly flashing on the screen. I actually sent in another ticket about this problem in part. There’s something causing my css overrides to not render immediately on the screen. When the page loads it first loads without my alterations for a brief second, and then my child-theme css kicks in. This is causing lots of problems here with my customizations.
It looks like having more fonts loaded made this problem even worse in places where I’ve hidden icons. As I said, they now briefly flash on the screen before being hidden.
I may just cut down on the number of icons loaded, but I’m concerned about the css loading issue.
I’d appreciate your thoughts. Please see the other ticket I posted about this.
My thanks again for your help!
~ Michael
Hi Abe,
Please read my above post first…
I found one other strange thing. When I loaded a fresh Fontello export (instead of using the original .json file and updating it), that all of the original fonts selected by the theme had changed. It’s as if the codes that identify each font changed, and as a result the incorrect fonts are being loaded. It doesn’t make sense to me why the font codes would have changed simply by using a new .json file.
I’m going to try now to just update the original .json file to see what happens. I’m also going to load a lot less icons this time.
~ Michael
Hi there, I am doing some tests related to the admin menu editing speed and will give you a file to test hopefully tomorrow.
Related to the icons changing.. I think it is about the icons names used for the css classes and probably we added some custom ones or changed some names. Try to see one icon that is changing and compare the name used in the theme and see on fontello if is the same.
Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution---
@ SeventhQueen we do our best to have super happy customers. Thanks for being our customer.Hi Abe,
I’m up really late here, so I decided to respond to you tonight…
First, thank you for your patience dealing with these Fontello related issues. It is appreciated!
Regarding the speed/loading issues in the menus section of the admin:
I actually decided not to use icons in all of our sub-menus. This means that I no longer need to load huge numbers of icons. Frankly, I would have preferred to have many more icons available to choose from, but as you know this is causing severe loading problems in the menus screen. Until this is resolved I’m just loading a smaller number of icons, more limited to the ones I’m actually using. With that said, you should definitely complete your testing to verify what I’m saying is true. If this is something you can solve, that would be great and I’ll load more icons.
About the icons changing when loading a fresh import:
I’m sure you’re right that this has to do with changed css classes. That was obvious to me. But the question really is why? I can tell you that practically every single icon in the theme will be changed if you use a new Fontello export, and don’t load in the .json file used by the theme.
With that said, I’m going to load in the .json file from the theme first next time, and then try adding new icons as I need them. I also will be customizing many of the default icons from the theme. I assume this can be done with simple css overrides?
~ Michael
Yes I will be doing some tests related to the admin menu loading icons.
I think the issue is that when we launched the theme and generated the json file, we use some icons available at that time. Maybe with time that the icons have changed, new added, new names I guess. I think you can import ours and then add any number of icons or remove from our suggested ones.
Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution---
@ SeventhQueen we do our best to have super happy customers. Thanks for being our customer.Hi there, just changed the whole icons generation logic so it will loop just once trough the icons array(which was the cause of the loading speed) and now should be a considerable improvement.
See the attached file to replace: /wp-content/themes/kleo/lib/menu-custom.php
Let me know
Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution---
@ SeventhQueen we do our best to have super happy customers. Thanks for being our customer.Hi Abe,
My compliments on both your level of support and your work. I must ask, are you the actual theme author I’m speaking to?
The reason I ask is because I want to tell you that this is one of the finest and most well-designed themes I have ever used. I’ve assembled dozens of WordPress websites (both for myself and clients), and this theme has impressed me at every level so far. I’m also impressed by your support and the fact the person I am speaking with is correcting problems in the theme in real-time. I’ve never had that privilege before with any other theme support, and you have my thanks for it!
The good news:
Your changes to the icon generation logic in the admin menus screen completely solved that speed/performance issue. I tested this using the most extreme situation I could, which was to load in all 2,358 Fontello icons. I also tested this using a menu with many menu items (over 40 menu items). The menu loaded up extremely fast, despite the sheer number of icons. I also confirmed that all 2,358 icons were displaying properly (there wasn’t a single icon missing).
Few quick questions and points:
1. I trust that all of these changes we’ve made together will be in the next theme update?
2. When do you anticipate the next theme update being made public?
3. As a suggestion I think you should put an icon search in the admin menu screen so that people can look up icons either by their code or name. If you have a lot of icons loaded as I do, it’s difficult to find the one you’re looking for without a search. I think you should implement a search feature in all theme locations where you can choose an icon.
4. As I previously reported all of the original icons for the theme are disrupted/replaced when you load in a fresh Fontello export. I didn’t bother testing loading the old .json file and then adding all remaining icons. I think if you’re going to choose entire icon collections as I have you should be able to just load a fresh export.
I took a closer look at some of the icons that were swapped out, namely the ones used by BuddyPress in the account area (to select account sub-sections). It looks like there were some icon overrides used on these within buddypress.css. I’m assuming that’s a theme css file. Perhaps the icon codes simply changed since you first made the theme. That would by my guess.
I think my solution here is to just correct each icon one by one with my own css overrides. I trust that should be possible by simply replacing the “content:” code in the class right?
….
Once I correct the altered icons my problems with the fonts are all solved.
My thanks again for all of your help!
~ Michael
Hello, thank you very much, I am glad to hear that. Yes, I am one of the founders of SeventhQueen.
Yes, all these changes will be added to the next KLEO update probably by the end of the year.
Yes you are right about the :before content code, replace that and put the new icon code.
Thanks again for the nice words, it is great to hear this from our customers.
All the best and a happy new year.
Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution---
@ SeventhQueen we do our best to have super happy customers. Thanks for being our customer.Hi Abe,
I hope you had a happy holiday!
Sorry for getting back to you so late. I’ve been pretty tied up with other matters these past few days.
I think we’re all done here with regards to Fontello. You did a great job resolving the speed/loading issues, and I’m really glad I was able to load in all the icons after all. I’m going to fix the displaced icons one by one with overrides. I wanted to customize most of the icons anyway. I’m also glad to hear all these changes will be included in the next theme update.
I’m going to set this ticket to resolved now. My thanks again for providing such great support!
P.S. It’s great being able to speak directly with one of the theme authors/founders. Thank you for making yourself available like this!
~ Michael
Nice meeting you and have a great year!!!
Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution---
@ SeventhQueen we do our best to have super happy customers. Thanks for being our customer.
The forum ‘Bugs & Issues’ is closed to new topics and replies.
