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

CSS

Posted by John Locke
John Locke
9,450 Points

SOLVED: SS-Social Icon Fonts

I am am having an issue with the SSSocial Icon webfont on a site I am working on. I have a series of profiles that should display the icons. The Instagram icon shows up as just words on one, and not at all on the other. The icons are inconsistent in their behavior, except for the Twitter icon. I will give yo a link so perhaps someone can look at the source and tell me where my error lies.

<I deleted this link for now>

2 Answers

samiff
samiff
31,206 Points
samiff
samiff
31,206 Points

I'm unable to view the page so I can't see the source. Looks like you need to be using the correct CSS classes though for everything to work: http://symbolset.com/blog/symbolset-on-the-web/

John Locke
John Locke
9,450 Points
John Locke
John Locke
9,450 Points

Thanks for your help, Sam. Here's what it ended up being:

I kept experimenting with using .ss-icon with Unicode, .keyword with the keywords, but it was still inconsistent.

I was using PHP to call the user details out of Wordpress, so if they updated their social info, it would update the links. Where I messed up was not closing the quotes on all of the ahref's with php inside.

Simple as that.