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.

CSS

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

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/

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.