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 Building a WordPress Theme with Foundation 5

Jesse Burkhardt
Jesse Burkhardt
3,920 Points
Posted by Jesse Burkhardt
Jesse Burkhardt
3,920 Points

Regarding the Foundation 5 themifization. Chrome errors when I try to determine why my "img/yeti.jpg" won't display.

Here is my Chrome console error log when I inspect the "img/yeti.jpg" element failing to display. Everything else seems to work--tho I did have to switch from registering jQuery 3.0.0 back to v2.1.0 to get the modal reveal to work.

Failed to load resource: the server responded with a status of 404 (Not Found) http://9wled.com/js/modernizr.js Failed to load resource: the server responded with a status of 404 (Not Found) http://9wled.com/css/foundation-icons.css Failed to load resource: the server responded with a status of 404 (Not Found) http://9wled.com/css/style.css Failed to load resource: the server responded with a status of 404 (Not Found) http://9wled.com/img/yeti.jpg Failed to load resource: the server responded with a status of 404 (Not Found) http://9wled.com/css/style.css Failed to load resource: the server responded with a status of 404 (Not Found) http://9wled.com/css/foundation.css Failed to load resource: the server responded with a status of 404 (Not Found) http://9wled.com/css/foundation-icons.css Failed to load resource: the server responded with a status of 404 (Not Found)

1 Answer

Sittipong Wiboonsirichai
seal-mask
.a{fill-rule:evenodd;}techdegree
Sittipong Wiboonsirichai
Front End Web Development Techdegree Student 6,402 Points
Sittipong Wiboonsirichai
.a{fill-rule:evenodd;}techdegree
Sittipong Wiboonsirichai
Front End Web Development Techdegree Student 6,402 Points

I think you forgot put this function for getting theme directory when you call your stylesheets

<link rel="stylesheet" href="<?php echo get_template_directory_uri (); ?>/css/foundation.css">

or

<link rel="stylesheet" href="<?php echo get_stylesheet_directory_uri(); ?>/css/foundation.css">

and I don't know why you call stylesheets twice like this

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

<link rel="stylesheet" id="foundation-css" href="http://9wled.com/wp-content/themes/foundation/css/foundation.css?ver=4.5.3" type="text/css" media="all">
<link rel="stylesheet" id="foundation_icons-css" href="http://9wled.com/wp-content/themes/foundation/css/foundation-icons.css?ver=4.5.3" type="text/css" media="all">
<link rel="stylesheet" id="theme_css-css" href="http://9wled.com/wp-content/themes/foundation/style.css?ver=4.5.3" type="text/css" media="all">