Skel.js Framework / Html5up Template Css Issues

I'm new to the skel.js framework and I'm having some issues. I downloaded a template from HTML5UP.net (Zerofour theme) and I have modified it all for my site however the CSS doesn'

Solution 1:

I also came across this issue while using an HTML5up template with Django. If you are using a different directory configuration for your static files, you must specify this in either the init.js or config.js file (the exact file depends on which template you are using and how recently it has been updated). For me, I had to modify the following skelJS prefix in the init.js file:

var helios_settings = {
        // other settings here

        skelJS: {prefix: '/static/css/style',

        // other settings here
        }

Basically, this directory prefix needs to match wherever you have your static files.

Solution 2:

I think you forgot to add

        <link rel="stylesheet" href="css/style-noscript.css" />

Solution 3:

I ran into the same issue and was able to fix it by modifying the config.js file to use the absolute path as follows:

prefix:'/css/style',

Now files in both the root and other directories maintain the styling throughout.