Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

WordPress WordPress Theme Development WordPress Header and Footer Templates Porting existing headers and footers into WordPress

melissa brown
melissa brown
4,670 Points
Posted by melissa brown
melissa brown
4,670 Points

css and js not showing properly

my css and jscript is not linking to the page but i cant find where the problem is.

footer

<div class="footer-clear"></div>
<footer class="row no-max pad">      
  <p>Copyright <?php echo date ('Y'); ?></p>
</footer>


  <?php wp_footer ();?>

</body>
</html>

functions 

<?php

function wpt_theme_styles() {

    wp_enqueue_style( 'foundation_css', get_template_directory_uri() . ' /css/foundations.css' );

    wp_enqueue_style( 'normalize_css', get_template_directory_uri() . ' /css/normalize.' );

    wp_enqueue_style( 'http://fonts.googleapis.com/css?family=Asap:400,700,400italic,700italic' );

    wp_enqueue_style( 'main_css', get_template_directory_uri() . ' /style.css' );

}
    add_action( 'wp_enqueue_scripts', 'wpt_theme_styles');

    function wpt_theme_js() {

        wp_enqueue_script( 'modernizr_js', get_tempalte_directory_uri() . '/js/modernizr_js') ,'','',' false ';
        wp_enqueue_script( 'foundation_js', get_tempalte_directory_uri() . '/js/foundation_js') ,array('jquery'),'',' true ';
        wp_enqueue_script( 'main_js', get_tempalte_directory_uri() . '/js/app_js') ,array('jquery'),'',' true ';

    }

    add_action( 'wp_enqueue_scripts', 'wpt_theme_js');
?>

header

<!doctype html>
<html class="no-js" lang="en"><head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title><?php wp_title(); ?></title>
    <?php wp_head(); ?>

    <head></head>
  <body>
    <header class="row no-max pad main">
  <h1><a class="current" href="<?php bloginfo(url); ?>"><?php bloginfo(name); ?></a></h1>
  <a href="" class="nav-toggle"><span></span>Menu</a>
  <nav>
    <h1 class="open"><a class="current" href="<?php bloginfo(url); ?>"><?php bloginfo(name); ?></a></h1>
    <ul class="no-bullet">
      <li class="current parent"><a class="current" href="index.html">Portfolio</a>
        <ul class="sub-menu">
          <li><a href="item.html">Portfolio Item</a></li>
          <li><a href="item.html">Portfolio Item</a></li>
          <li><a href="item.html">Portfolio Item</a></li>
          <li><a href="item.html">Portfolio Item</a></li>
        </ul>
      </li>
      <li class="parent"><a href="blog.html">Blog</a>
        <ul class="sub-menu">
          <li><a href="single-post.html">Single Post</a></li>
          <li><a href="author.html">Author Page</a></li>
        </ul>
      </li>
      <li><a href="about.html">About</a></li>
      <li><a href="contact.html">Contact</a></li>
    </ul>
  </nav>
</header>

<?php get_header();?>

<h1>Index file</h1>

<?php get_footer();?>

<h1>Index file</h1

the only thing i changed on the style.css sheet was the taking out the link from the @import url();

2 Answers

TJ Egan
TJ Egan
14,420 Points
TJ Egan
TJ Egan
14,420 Points

Try putting the @import statement back into the .CSS. Also, in your PHP, you have some CSS located in /css/.., but your 'style.css' is not in the /css/.. folder. 

/css/foundations.css' );
/css/normalize.' );
/style.css' );
melissa brown
melissa brown
4,670 Points
melissa brown
melissa brown
4,670 Points

thanks i found some errors in my functions page, but now my whole site will not load i just get a blank page. i think it is sth to do with the php because if i load anything else with html it works fine.

<?php

function wpt_theme_styles() {

    wp_enqueue_style( 'foundation_css', get_template_directory_uri() . '/css/foundation.css' );

    wp_enqueue_style( 'normalize_css', get_template_directory_uri() . '/css/normalize.' );

    wp_enqueue_style( 'googlefont_css', 'http://fonts.googleapis.com/css?family=Asap:400,700,400italic,700italic' );

    wp_enqueue_style( 'main_css', get_template_directory_uri() . '/style.css' );

}
    add_action( 'wp_enqueue_scripts', 'wpt_theme_styles');

    function wpt_theme_js() {

        wp_enqueue_script( 'modernizr_js', get_template_directory_uri() . '/js/modernizr.js','','', false);
        wp_enqueue_script( 'foundation_js', get_template_directory_uri() . '/js/foundation.js' ,array('jquery'),'', true);
        wp_enqueue_script( 'main_js', get_template_directory_uri() . '/js/app.js' ,array('jquery'),'',true );

    }

    add_action( 'wp_enqueue_scripts', 'wpt_theme_js');
?>