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 How to Make a Website Adding Pages to a Website Add Iconography

Kenneth Ash
Kenneth Ash
4,068 Points
Posted by Kenneth Ash
Kenneth Ash
4,068 Points

Background phone/mail/twitter Icons are not showing up in preview.

Hi everyone,

I've been through the code multiple times and i can't find what i have missed. The phone/twitter/email icons are not appearing on the contact page as they should. I probably missed something simple.

Thank you. source: https: https://w.trhou.se/i2t7ralwsv

1 Answer

Julian Aramburu
Julian Aramburu
11,368 Points
Julian Aramburu
Julian Aramburu
11,368 Points

Hi Kenneth! I figure this out!

First of all... when linking your css to your index, about and contact pages you added one aditional "/" so you must fix that. When you fix that the icons would appear but you're missing your "-" in the no-repeat value of your background-repeat rule. Finally you have a type in the twitter rule where you wrote "comtact-info" instead of "contact-info". That would solve everything and your icons should show in the right way :)!

Hope you find this useful!

Kenneth Ash
Kenneth Ash
4,068 Points
Kenneth Ash
Kenneth Ash
4,068 Points

Hi Julian!

Huzzah! Thank you very much for your help. Removing that additional "/" did the trick! i went through and fixed the other errors to and now everything is working as it should.

Thanks again!