Jump to content


Photo
- - - - -

Font Awesome Icons showing empty boxes

font awesome

Best Answer Danny , 13 April 2014 - 11:54 AM

The issue is how you have set up your site, the URLs for your scripts/stylesheets are all like this:

 
href='/websitecms/wp-content/uploads/pagelines/compiled-css-core-1397373659.css'

Where as on my test site with WordPress installed in a subdirectory like you have they look like this:

 
href='http://wpdir.dev/test/wp-content/uploads/pagelines/compiled-css-core-1397389995.css'

 

See how mine contains http://, where as yours doesn't. So how have you have added your site url as Simon suggested above? The issue is most definitely caused by how you have setup your site.

Go to the full post


  • Please log in to reply
32 replies to this topic

#1 umar14

umar14

    Advanced Member

  • Members

  • 81 posts
  • Framework Version:DMS2
  • Country: Country Flag

Posted 11 April 2014 - 06:06 AM

 
I have installed the DMS2 theme but the font awesome icons does not appear but showing rectangular empty boxes. I tried hard to figure it out, I found in /wp-content/uploads/pagelines/editor-draft.css  , the font awesome path starts with ///websitecsm/.... and if change it to //dev2.socrato.com/websitecms it works. When ever I modify something from admin, it replaces the css file again and I lose my font awesome icons . Please help. 
 
I have attached a ss.

Attached Files



#2 Danny

Danny

    Is Awesome!

  • Moderators
  • 17966 posts
  • LocationManchester, UK
  • Country: Country Flag

Posted 11 April 2014 - 10:50 AM

Hi,

 

First and forth most, please refrain from creating multiple topics regarding the same issue - http://forum.pagelin...ng-blank-boxes/

 

Even if this is two different accounts, the private URL field contains the same web site URL. Also, never edit the core files, this is not recommended and voids all support.

 

If your file path is set to that, then its likely an issue with how your Wordpress is setup. How did you install it and is it installed in a sub directory ?

 

What I would suggest is for you to flush your LESS/CSS and see if this resolves your issue. Go to DMS Toolbar > Settings > Reset and hit the Flush button and see if this resolves your issue. If it doesn't please provide a link to your site and make sure DMS Debug mode is active (DMS Toolbar > Settings > Advanced).



#3 umar14

umar14

    Advanced Member

  • Members

  • 81 posts
  • Framework Version:DMS2
  • Country: Country Flag

Posted 11 April 2014 - 12:37 PM

I tried cache flush no luck, my wordpress is installed in a sub directory    /public_html/websitecms/wp-content/themes/dms 

 

 

How can I fix this issue then? 

 

 

I am working on http://dev2.socrato.com/



#4 umar14

umar14

    Advanced Member

  • Members

  • 81 posts
  • Framework Version:DMS2
  • Country: Country Flag

Posted 11 April 2014 - 06:08 PM

can u please check this issue on the above url?



#5 greenfly

greenfly

    Advocate

  • Members

  • 3268 posts
  • LocationManchester, England
  • Framework Version:latest
  • Country: Country Flag

Posted 11 April 2014 - 06:33 PM

As requested by Danny - please enable debug

 

Site Settings > advanced  and let us know when you have done this 



#6 umar14

umar14

    Advanced Member

  • Members

  • 81 posts
  • Framework Version:DMS2
  • Country: Country Flag

Posted 11 April 2014 - 06:49 PM

my debug mode is already enabled



#7 Simon_P

Simon_P

    Messer

  • Administrators



  • 8388607 posts
  • LocationDevon
  • Framework Version:2.1.1
  • Country: Country Flag

Posted 11 April 2014 - 06:56 PM

Your css urls are all 404. You have your site_urls wrong in wordrpess.



#8 umar14

umar14

    Advanced Member

  • Members

  • 81 posts
  • Framework Version:DMS2
  • Country: Country Flag

Posted 13 April 2014 - 06:56 AM

<link rel='stylesheet' id='pagelines-less-core-css' href='/websitecms/wp-content/uploads/pagelines/compiled-css-core-1397242321.css' type='text/css' media='all' /> <link rel='stylesheetid='pagelines-less-sections-csshref='/websitecms/wp-content/uploads/pagelines/compiled-css-sections-1397242321.csstype='text/cssmedia='all' />  

 

Please check the source of home page, css files are correct



#9 Danny

Danny

    Is Awesome!

  • Moderators
  • 17966 posts
  • LocationManchester, UK
  • Country: Country Flag

Posted 13 April 2014 - 11:54 AM   Best Answer

The issue is how you have set up your site, the URLs for your scripts/stylesheets are all like this:

 
href='/websitecms/wp-content/uploads/pagelines/compiled-css-core-1397373659.css'

Where as on my test site with WordPress installed in a subdirectory like you have they look like this:

 
href='http://wpdir.dev/test/wp-content/uploads/pagelines/compiled-css-core-1397389995.css'

 

See how mine contains http://, where as yours doesn't. So how have you have added your site url as Simon suggested above? The issue is most definitely caused by how you have setup your site.



#10 umar14

umar14

    Advanced Member

  • Members

  • 81 posts
  • Framework Version:DMS2
  • Country: Country Flag

Posted 14 April 2014 - 02:30 PM

My /public_html/websitecms/wp-content/uploads/pagelines/editor-draft.css

 

 

'PageLinesFont';src:url('///websitecms/wp-content/themes/dms/dms/fonts/fontawesome-webfont.eot?v=4.0.3');src:url('///websitecms/wp-content/themes/dms/dms/fonts/fontawesome-webfont.eot?#iefix&v=4.0.3') format('embedded-opentype'),url('///websitecms/wp-content/themes/dms/dms/fonts/fontawesome-webfont.woff?v=4.0.3') format('woff'),url('///websitecms/wp-content/themes/dms/dms/fonts/fontawesome-webfont.ttf?v=4.0.3') format('truetype'),url('///websitecms/wp-content/themes/dms/dms/fonts/fontawesome-webfont.svg?v=4.0.3#fontawesomeregular') format('svg');



#11 umar14

umar14

    Advanced Member

  • Members

  • 81 posts
  • Framework Version:DMS2
  • Country: Country Flag

Posted 14 April 2014 - 02:36 PM

Thanks Danny I got it fixed,

 

I changed the path in admin settings, but now I have to fix the path every time I move the site from staging to production.



#12 greenfly

greenfly

    Advocate

  • Members

  • 3268 posts
  • LocationManchester, England
  • Framework Version:latest
  • Country: Country Flag

Posted 14 April 2014 - 07:00 PM

Thanks for letting us know 



#13 umar14

umar14

    Advanced Member

  • Members

  • 81 posts
  • Framework Version:DMS2
  • Country: Country Flag

Posted 22 April 2014 - 12:19 PM

Welcome



#14 Fiskaz

Fiskaz

    Advanced Member

  • Members

  • 45 posts
  • LocationMumbai
  • Framework Version:DMS 2
  • Country: Country Flag

Posted 30 April 2014 - 08:22 PM

Hi There,

 

Could you please help me with this error 

Failed to load resource: the server responded with a status of 404 (Not Found) http://fiskaz.com/wp...nt.woff?v=4.0.3

 

Because of this pageline editor wont load. Its just show loading problem.



#15 Simon_P

Simon_P

    Messer

  • Administrators



  • 8388607 posts
  • LocationDevon
  • Framework Version:2.1.1
  • Country: Country Flag

Posted 30 April 2014 - 08:26 PM

@Fiskaz if you read the actual error:

HTTP Error 404.3 - Not Found
The page you are requesting cannot be served because of the extension configuration. If the page is a script, add a handler. If the file should be downloaded, add a MIME map.

 

The PC is configured wrong, you need to add a mime type. Best to contact the person who set it up.

 

Apologies for the thread hijack..



#16 Fiskaz

Fiskaz

    Advanced Member

  • Members

  • 45 posts
  • LocationMumbai
  • Framework Version:DMS 2
  • Country: Country Flag

Posted 30 April 2014 - 11:51 PM

Hi Simon,

 

Could you please help me where i can get MIME map and how can i add handler?


Edited by Fiskaz, 30 April 2014 - 11:51 PM.


#17 Simon_P

Simon_P

    Messer

  • Administrators



  • 8388607 posts
  • LocationDevon
  • Framework Version:2.1.1
  • Country: Country Flag

Posted 30 April 2014 - 11:59 PM

Hi Simon,

 

Could you please help me where i can get MIME map and how can i add handler?

I have no idea. I have never setup a windows PC as a server. Googling found this: http://codingstill.c...b-fonts-in-iis/



#18 Fiskaz

Fiskaz

    Advanced Member

  • Members

  • 45 posts
  • LocationMumbai
  • Framework Version:DMS 2
  • Country: Country Flag

Posted 01 May 2014 - 12:01 AM

Thanks SImon for help i will try it and let you know.



#19 andylemay

andylemay

    Advanced Member

  • Members

  • 69 posts
  • Framework Version:2.4.1
  • Country: Country Flag

Posted 03 June 2014 - 07:08 PM

Hi pagelines,

 

I have this same problem of the standard pagelines icons not showing properly when I moved to DMS 2

 

http://www.ewizz.co..../ride-electric/

 

Any ideas.

 

Thanks Andy



#20 batman

batman

    Bat Learning

  • Members

  • 2218 posts
  • LocationBuenos Aires, Argentina
  • Framework Version:DMS
  • Country: Country Flag

Posted 03 June 2014 - 07:24 PM

Hi Andy

 

Please, you can take a look to this

http://fortawesome.g...-Awesome/icons/

The DMS 2 use Version 4.1

 

The smile now is (for example)

<i class="fa fa-smile-o"></i> fa-smile-o

http://fortawesome.g...e/icon/smile-o/


  • andylemay likes this





Also tagged with one or more of these keywords: font awesome