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 trialedeharrison
Full Stack JavaScript Techdegree Student 11,127 PointsStylesheet 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
edeharrison
Full Stack JavaScript Techdegree Student 11,127 PointsHi 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
25,869 PointsHi 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
Full Stack JavaScript Techdegree Student 11,127 PointsAh, 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
25,869 PointsAh, no worries, glad you got it sorted.
-Rich
2 Answers
edeharrison
Full Stack JavaScript Techdegree Student 11,127 PointsHi 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
Courses Plus Student 2,096 PointsEde, 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
Full Stack JavaScript Techdegree Student 11,127 PointsHi Debby,
Good stuff! Glad you can learn from my mistake :)
Juan Larrazabal
523 PointsI'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.
Rich Bagley
25,869 PointsRich Bagley
25,869 PointsHi Ede,
Can you post your code please?
This is how to format it just in case you haven't done it before.
Thanks
-Rich