CSS Icons are working locally in the app, but are not showing on Heroku?


Tags: php,css,cakephp,heroku,web-deployment

Problem :

So I have this app, just deployed on Heroku: http://jobsboardd.herokuapp.com/

And as you can see, instead of some fancy icons there are some strange symbols(rectangle)? I know it's a common thing with ruby apps, and I couldn't find anything related to php.

And according to the html code, every css file is loaded as it should. So what can be causing it and how i can fix it?



Solution :

As I've check in the site's code, you are using HTML Kickstart Toolkit. The Icons that you are looking for belongs to another plugin called font-awesome. See if all the files in the css and fonts are accessible and mapped correctly. I've noticed when I check in the browser's developer console that this image is missing so its possible others are not accessible as well.


    CSS Howto..

    How to implement this button in HTML / CSS?

    How to stop jQuery-ui from adding classes to my button

    How to change background image with static css and maintain it?

    How to store a global variable in JQuery?

    How to get a picture randomly move and turn towards the changing direction around a page? (using jQuery & css)

    How to reduce shiny interactive rmarkdown margins?

    I want to add same function for two css class. How can I do it?

    Angular.js: How to change div width based on user input

    How to right and left align every alternate list item in html and css along with the bullets

    How to use CSS to square the corner on a submit button

    How to use CSS to create an image overlay effect?

    How to center align a div vertically which uses bootstrap?

    How to apply customized css to SSRS report

    How to add text using css in textarea? [closed]

    How to modify this CSS based Accordion to work with multiple accordions on the same page?

    Base 64 CSS background image not showing in IE

    how to apply css to a particular asp.net table?

    How do I avoid 'bottom-aligned' labels with inline associated inputs?

    How come my divs are jumping around during a transition?

    how can I fetch a website and overwrite some ot its html and css [closed]

    How to toggle overlay with no body scroll using the same button / div

    How to refresh to top of HTML page using css

    How to implement this menu using css pseudo-class selector?

    How do I make buttons that have the same transitions and some of the same properties, but then also have some differing properties?

    How to create border around jquery mobile webpage?

    CSS: How to blur background image within the div?

    How to change Fancybox preloader image?

    How to inline elements with CSS

    How to position and style blockquote in css

    How to vertically align text inside
  • in a CSS based drop-down menu?