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

Posted by edeharrison
.a{fill-rule:evenodd;}techdegree
edeharrison
Full Stack JavaScript Techdegree Student 11,127 Points

Stylesheet not being called

Hi there,

I've followed the videos pretty closely but for some reason my stylesheet isn't being called and my site displays as plain html. I can't spot any errors in my code. Any ideas of common mistakes I could have made?

Cheers

Rich Bagley
Rich Bagley
25,869 Points

Hi Ede,

Can you post your code please?

This is how to format it just in case you haven't done it before.

Thanks

-Rich

edeharrison
.a{fill-rule:evenodd;}techdegree
edeharrison
Full Stack JavaScript Techdegree Student 11,127 Points

Hi Rich,

Thanks for answering.

header.php -

<!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>

  <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>

function.php

<?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.css' );
    wp_enqueue_style( 'normalize_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', 'foundation_js'), '', true );
}
add_action( 'wp_enqueue_scripts', 'wpt_theme_js' );

?>

Cheers

Rich Bagley
Rich Bagley
25,869 Points

Hi Ede,

From that code I can't spot why your style sheet isn't loading but if you view the source on the site does the path of the style sheet match where it is located?

-Rich

edeharrison
.a{fill-rule:evenodd;}techdegree
edeharrison
Full Stack JavaScript Techdegree Student 11,127 Points

Ah, silly mistake in the end. I've just noticed my "functions.php" was saved as "function.php".

All sorted now. Thanks for looking over it anyway though.

Ede

Rich Bagley
Rich Bagley
25,869 Points

Ah, no worries, glad you got it sorted.

-Rich

2 Answers

edeharrison
.a{fill-rule:evenodd;}techdegree
edeharrison
Full Stack JavaScript Techdegree Student 11,127 Points

Hi Juan,

Thanks for comment. It was all sorted in the end, I just had to rename my "functions.php" file. I'd called it "function.php" by mistake.

Cheers anyway

Debby Beachy
Debby Beachy
Courses Plus Student 2,096 Points
Debby Beachy
Debby Beachy
Courses Plus Student 2,096 Points

Ede, Thank you for posting this because I did the same thing. I remember being in class and my teacher said, "it's always the little things".

edeharrison
.a{fill-rule:evenodd;}techdegree
edeharrison
Full Stack JavaScript Techdegree Student 11,127 Points

Hi Debby,

Good stuff! Glad you can learn from my mistake :)

Juan Larrazabal
Juan Larrazabal
523 Points
Juan Larrazabal
Juan Larrazabal
523 Points

I'm no tthe most reliable source, but in my experience, wordpress doesnt work right unless you actvate styles or themes the way it WANTS you to. I had a problem with themes not installing or uploading at all. I checked into the 24/7 chat service my web host provided, and the person on the other end did some magic and all of a sudden it started wrking. idk, im not an expert, hopefully that might get you somewhere? idk.