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

Paul Yorde
Paul Yorde
10,497 Points
Posted by Paul Yorde
Paul Yorde
10,497 Points

social icon images, i.e.- Twitter Google+ are not displaying

I have this in the footer.php file (everything else in that file works)

<div class="grid_12 ss-icon omega"> <a href="#">&#xF610;</a> <a href="#">&#xF611;</a> <a href="#">&#xF612;</a> <a href="#">&#xF613;</a> <a href="#">&#xF660;</a> <a href="#">&#x2709;</a> </div> I'm pretty sure the icons should be generated from the css/webfonts/ss-social.css file though I am getting an error in the development tool which says 404 resource error for some, but not all of those ss-social files.

Is there a link that I need to use, like a CDN or is all of that taken care of in the files?

3 Answers

alexclark2
alexclark2
6,968 Points

Solved! Was due to a forward slash missing from a file directory in the functions.php file.

alexclark2
alexclark2
6,968 Points
alexclark2
alexclark2
6,968 Points

I'm also having this issue. Despite having copied the CSS files from the template exactly and checked that nothing is missing, only one of my social icons is appearing on the live site (the envelope). The Facebook/Twitter icons etc. are all displayed as white rectangles.

Here are the relevant anchor tags. The only one that works is the last one (&#x2709).

<a href="#">&#xF610;</a>
<a href="#">&#xF611;</a>
<a href="#">&#xF612;</a>
<a href="#">&#xF613;</a>
<a href="#">&#xF660;</a>
<a href="#">&#x2709;</a>
Zack Yovel
Zack Yovel
8,966 Points

Same here, only the envelope shows (others have squares instead). Did you fix it? can you post where was the problem?

Paul Yorde
Paul Yorde
10,497 Points
Paul Yorde
Paul Yorde
10,497 Points

Ok, tried that, but either it seems to be a need to pay for product, or my files aren'y loading correctly. Good tip though. If I need to pay for it, thenI know where now, and the keyword would be easy enough to implement. Thanks!