Custom Icomoon icon showing in preview, but not when published.

Hi…

I’m having difficulties with custom icons (mady on Icomoon). I followed your manual, how to import them - all OK. I’m using/tried this :

<span class=“icona-car”></span>
<span class=“icona-”>car</span>
<i class=“icona-car”></i>
<i class=“icona-”>car</i>

All of them will show in HTML preview (or in “title” for TAB) … even when I apply some styling to it, like colour/size … all is fine on preview. But once I hit the DONE -> Publish Changes they won’t be displayed.

I’ve looked through the support here and haven’t found a solution, turned off all other plugins like it was suggested here, clear cash in the BB settings, CHROME Cache but no luck. Oh … forgot to mention that when I tried the FA icons, it worked without any problems :frowning: Am I missing something, or doing it wrong ?

Thank you in advance.

Add : How to check, if it’s a THEME related issue ? As I tried the suggestion from Danny (regards adding an icon to header menu through “Custom link”) … and again, while in the EDITING mode I can see it there - but once DONE>Publish … it’s gone. And that still with all plugins off.

Hi Zdenek,

I am not familia with IconMoon. However, to add the icon you will need to use the correct markup, is this not provided by the icon?

Can you provide a link to the page where the icon is suppose to display, but isn’t, please? So we can see why this is happening.

Thanks,
Danny

Hi Danny …

www.kama-pl.com/testing

-that is the page, where you should see a “truck” icon in the menu between CMK - FAQ
-tabs module where “truck” is in the LABEL and “car” in the CONTENT

you won’t see it, until you will be in BB/Page Builder. Will send you “PrtScr” of my two screens together where you can see the CODE I’m using as well - in email : subject KAMA ICON

Thank you in advance, Zdenek

[Content Hidden]

Hi Zdenek,

Can you send us a copy of the icon files, please. So I test this on my end. Send the zip to our help desk similar to what you did with the screenshot.

Also, can you disable all active plugins and see if this makes any difference.

Thanks,
Danny

[Content Hidden]

Hey Zdenek,

You icons work fine on my local dev. It seems the styling for the icons aren’t loaded when on the frontend. Can you try disabling all plugins on your site except BB and see if it works? Also, can you check if your hosting has server side caching set up?

Ben

Hi Ben,

I did disabling all the plugins before and did that again, but without any luck. Called go Daddy regards your “server side caching” question and they said : I don’t have any “caching plan” on my hosting. They told to try adding “?nocache=1” in the URL, but still the same effect.

Now, if you have a look … I’ve added “FA” icons there instead. They do work. I’ve replaced the “custom link” in menu - the one you created and you can see, that FA icon is working.

I’m thinking (as a noob) if it’s not the Theme that overrides some of your settings? If I’m not mistaken the Theme is using “FA” icons as well. I did contact them as well (when I started this thread) but their support is far away from yours :slight_smile:

Just tried out = Icomoon provides a temporary (24hour) link to my fonts :

<link rel=“stylesheet” href=“https://i.icomoon.io/public/temp/32be042be7/UntitledProject/style.css”>

When I have added this into the html of the tab, it is working - even on the menu on top. So it more likely confirms, that once I hit DONE/publish on BB … it kind of looses the reference to my custom font.

(but only on that testing page - other pages are unaffected by the link, so I can’t see the icon in top menu)

Hey Zdenek,

That is indeed the issue, the font’s CSS file is not loaded on the frontend. Can you try reuploading the icons and see if it works? Lastly, can you switch to a different theme? You can try one of those free TwentyX themes and see if it makes a difference.

Let us know how it goes!

Ben

Hi Ben … I did re_upload the zip file several times before, so I know, this is not the case. Though haven’t thought about switching the themes. Did that after your recommendations and same result :frowning: … I can’t see icons after hitting “done>publish”.

Kind reminder - please, don’t get “confused” on that TESTING PAGE where it is showing everything now, as there is still the “URL” provided by Icomoon.

Thank you, Zdenek

Hi Zdenek,

I understand what your issue is now and how you can resolve it. When you upload a custom icon pack, the builder will look for an icon field being used in a module.

I believe Ben didn’t encounter your issue as he did the same as me and used a module with an icon field such as the Icon Group module. If you use the Icon group module on your site, you should have no issue.

However, if you wish to use those custom icons in your menu, using a module with no icon field such as the HTML module or in your pages/posts. You will need to enqueue the file. To do this follow the instructions on this article. Read the Adding Icon Fonts in WordPress Manually section of the article (to the bottom).

Thanks,
Danny

Thank you Ben & Danny.

I’ll give it a try in next week after the show.

From the quick look at the link you’ve provided I think : I was expecting that BB will do the “work” for me once I upload the icon.zip file.

Maybe you could add a small check box that would give the option, so noobs like me don’t have to go through the coding :wink: … (being a bit cheeky :wink:

Again, thank you for your time and effort. Well cone back here after weekend with my findings. All the best, Zdenek.

No worries at all, Zdenek! Let us know how it goes! :slight_smile:

Ben