"HTML" was retired on January 6, 2020. You are now viewing the recommended replacement.

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

HTML How to Make a Website Adding Pages to a Website Add Iconography

Posted by Luke Svarc
Luke Svarc
1,338 Points

Contact Icons Not Working

I am trying to add phone, mail and twitter icons to my CSS and although I think I've entered the code properly I am still getting repeats and issues with placement:

https://w.trhou.se/m9gc2i4ej7

Can anyone advise?

TIA

1 Answer

anil rahman
anil rahman
7,786 Points
anil rahman
anil rahman
7,786 Points 
.contact-info li.phone {
  background-image: url('../img/phone.png');
  background-repeat:no-repeat;
  text-indent:0.4em;
  background-size: 20px;
}

.contact-info li.mail {
  background-image: url('../img/mail.png');
  background-repeat:no-repeat;
  text-indent:0.4em;
  background-size: 20px;
}

.contact-info li.twitter {
  background-image: url('../img/twitter.png');
  background-repeat:no-repeat;
  text-indent:0.4em;
  background-size: 20px;
}
Hang-min Cho
Hang-min Cho
Courses Plus Student 1,251 Points

had the same problem, works perfect with these codes