Welcome to the Treehouse Community

The Treehouse Community is a meeting place for developers, designers, and programmers of all backgrounds and skill levels to get support. Collaborate here on code errors or bugs that you need feedback on, or asking for an extra set of eyes on your latest project. Join thousands of Treehouse students and alumni in the community today. (Note: Only Treehouse students can comment or ask questions, but non-students are welcome to browse our conversations.)

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and a supportive community. Start your free trial today.

WordPress

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

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

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>

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

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!