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

Lydia Esterline
Lydia Esterline
9,581 Points
Posted by Lydia Esterline
Lydia Esterline
9,581 Points

Wordpress & bootstrap bugs, my web site

I'm in the process of building a personal site after completing wordpress & bootstrap track.

Two things aren't working...

1) the images I placed at the top and right of the menu bar 2) the model form box opens then immediately shuts when activated

troubleshooting has made me cross eyed. I can't seem to find what's wrong

http://www.thegeekonista.com/

Franklin De Los Santos
Franklin De Los Santos
2,706 Points

Right clicking on the images gives you a menu, copy the image url and you get this after pasting : http://www.thegeekonista.com/img/icons/html5-32.png

I get a 404, the images aren't found.

Check where you are storing you're images.

How are you adding the images?

2 Answers

Lydia Esterline
Lydia Esterline
9,581 Points
Lydia Esterline
Lydia Esterline
9,581 Points

I feel like I'm missing something really obvious.

The images are in the image folder within the main theme folder.

so it's

css (folder) img(folder) index.php header.php

etc...

Franklin De Los Santos
Franklin De Los Santos
2,706 Points

so you aren't adding the images front wordpress itself? Are you adding them manually to the path?

Show some code

Sharon Jeter
Sharon Jeter
9,965 Points
Sharon Jeter
Sharon Jeter
9,965 Points

Try using <?php get_template_directory_uri().'/img/icons/html5-32.png' ?>

as the img src= It will give you the full path of the image.

Right now when looking at the source code your image is referenced as: src="img/icons/html532.png"

What may work instead is the full path:

  src="http://www.thegeekonista.com/img/icons/wordpress-32.png"

which you will get by using the get_template_directory_uri() function.