Title: HTML5 Up template using incorrect CSS path in WordPress!
Last modified: August 21, 2016

---

# HTML5 Up template using incorrect CSS path in WordPress!

 *  Resolved [coreylewisdesign](https://wordpress.org/support/users/coreylewisdesign/)
 * (@coreylewisdesign)
 * [11 years, 10 months ago](https://wordpress.org/support/topic/html5-up-template-using-incorrect-css-path-in-wordpress/)
 * Hello,
 * I am using one of the awesome [HTML5 Up](http://html5up.net/helios) templates
   and attempting to incorporate it in my WordPress theme.
 * For some reason, when I place the HTML5 Up template in WordPress, it automatically
   looks for a css folder in the root directory like so: “[http://website.com/css/style.css&#8221](http://website.com/css/style.css&#8221);
 * What I believe is happening is that within the “init.js”, starting at line 45,
   the “breakpoints” for some reason are looking for the root of the website and
   then trying to look for files located in a css folder.
 * Although this is good for static files, in WordPress, it needs to point to, for
   instance, (../wp-content/themes/theme_name/library/css/helios.css).
 * There has to be a way to tell the js files to point where you want it to go in
   WordPress besides automatically pointing to a css folder in the root by default.
   Any ideas how to go about manipulating this process? I appreciate the help!
 * Thanks!

Viewing 3 replies - 1 through 3 (of 3 total)

 *  [Tarei King](https://wordpress.org/support/users/tareiking/)
 * (@tareiking)
 * [11 years, 10 months ago](https://wordpress.org/support/topic/html5-up-template-using-incorrect-css-path-in-wordpress/#post-5129902)
 * WordPress most definitely has a way of tackling this query. You likely want to
   start with
    [http://codex.wordpress.org/Function_Reference/wp_enqueue_style](http://codex.wordpress.org/Function_Reference/wp_enqueue_style)
   and [http://codex.wordpress.org/Function_Reference/wp_enqueue_script](http://codex.wordpress.org/Function_Reference/wp_enqueue_script)
 * Here is a quick tutorial to get you started: [http://www.wpexplorer.com/create-wordpress-theme-html-1/](http://www.wpexplorer.com/create-wordpress-theme-html-1/)
 * That is a really nice theme though, good luck with the cutup:)
 *  Thread Starter [coreylewisdesign](https://wordpress.org/support/users/coreylewisdesign/)
 * (@coreylewisdesign)
 * [11 years, 10 months ago](https://wordpress.org/support/topic/html5-up-template-using-incorrect-css-path-in-wordpress/#post-5129932)
 * Thanks Tarelking for your response!
 * The wp_enqueue_script reference pointed out that for scripts, I need to use a
   different function reference than the wp_enqueue_style.
 * (Keep in mind that the style.css file I am referencing below is the stylesheet
   that was created by HTML5 Up. I am putting this in a separate location than my
   themes stylesheet)
 * It turns out that the prefix in the init.js was pointing to “css/style” where“
   CSS” is the folder and “style” is the stylesheet, with the extension “.css” automatically
   being added. So essentially, the path was “[http://website.com/css/style.css&#8221](http://website.com/css/style.css&#8221);.
 * By changing the prefix in init.js from “css/style” (roughly line 38) to “wp-content/
   themes/theme_name/library/css/libs/style”, the code is now pointing to the correct
   location which looks something like this: [http://website.com/wp-content/themes/theme_name/library/css/libs/style.css](http://website.com/wp-content/themes/theme_name/library/css/libs/style.css)
 * You could also do the follow by adding it to your global scripts.js file or in
   the header.php:
 *     ```
       <script type="text/javascript">
       	window._skel_config = {
       	prefix: '<?php echo get_template_directory_uri() ?>/library/css/libs/helios/style',
       	};
       </script>
       ```
   
 *  Thread Starter [coreylewisdesign](https://wordpress.org/support/users/coreylewisdesign/)
 * (@coreylewisdesign)
 * [11 years, 10 months ago](https://wordpress.org/support/topic/html5-up-template-using-incorrect-css-path-in-wordpress/#post-5130019)
 * Problem solved!

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘HTML5 Up template using incorrect CSS path in WordPress!’ is closed to
new replies.

## Tags

 * [html5](https://wordpress.org/support/topic-tag/html5/)
 * [template error](https://wordpress.org/support/topic-tag/template-error/)

 * In: [Fixing WordPress](https://wordpress.org/support/forum/how-to-and-troubleshooting/)
 * 3 replies
 * 2 participants
 * Last reply from: [coreylewisdesign](https://wordpress.org/support/users/coreylewisdesign/)
 * Last activity: [11 years, 10 months ago](https://wordpress.org/support/topic/html5-up-template-using-incorrect-css-path-in-wordpress/#post-5130019)
 * Status: resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics