Icon Selection screen is completely white on Umbraco 7.5.11

[blachawk]

I followed your directions in the installation process, but when I go to actually select an icon on a content page in Umbraco, the side page that suppose to display all the icons, is completely white. I went into developer tools, inspected the page, and can see that all the HTML for each icon is there, but for some reason the icons themselves are invisible.

Here is what I am seeing:

• I added font-awesome to my /css/ file location under umbraco
• my font mime types are approved in IIS
• My paths to my font-awesome fonts looks like this.... src: url('/../css/fonts/fontawesome-webfont.eot?v=4.7.0');
• No path errors in my console tab in developer tools

I'm out of ideas on why its white. What should I check next?

[harvzor]

Hi I'm on holiday right now but I'll try and help you along!

Can you send a screen shot of the settings you entered for the property type?

On 23 Mar 2017, at 04:25, kensley notifications@github.com wrote:

I followed your directions in the installation process, but when I go to actually select an icon on a content page in Umbraco, the side page that suppose to display all the icons, is completely white. I went into developer tools and can see that all the HTML for each icon is there, but for some reason the icons themselves are invisible.

I added font-awesome to my /css/ file location under umbraco no path errors in my console my font mime types are approved in IIS My paths to my font-awesome fonts looks like this.... src: url('/../css/fonts/fontawesome-webfont.eot?v=4.7.0');

What should I check to fix this issue?

— You are receiving this because you are subscribed to this thread. Reply to this email directly, view it on GitHub, or mute the thread.

[harvzor]

I think perhaps the path in the CSS file which points to the font file is incorrect.

'url('/../css/fonts/fontawesome-webfont.eot?v=4.7.0');' doesn't make any sense to me as it is saying; go to the root of the website, then go back one, then go to '/css/fonts/fontawesome-webfont.eot'.

I think this path should actually be 'url('/css/fonts/fontawesome-webfont.eot?v=4.7.0');', assuming that at the root of the website, the fonts are stored in a fonts folder which is in the css folder.

Hope this makes sense!

Can I also check that you have managed to get the font icons to render properly on the front end of the website (as in outside of the Umbraco back office)? If you can get it to render there but not in Umbraco, then we know it's an issue with either your setup or my package. :)

On 23 Mar 2017, at 04:25, kensley notifications@github.com wrote:

url('/../css/fonts/fontawesome-webfont.eot?v=4.7.0');

[harvzor]

I have tested again on Umbraco 7.5.11 with font awesome 7.4.2 and it's working just fine.

I think this was an error with your setup.

Closing.