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

Posted by Rosana Hernandez
Rosana Hernandez
1,346 Points

Updating CSS changes for Contact Page

Seems several have had issues with getting their Contact Page to update after editing CSS. I have tried all suggestions and still not seeing bullets removed or iconography added:

…CSS /***************************** PAGE: CONTACT *****************************/

.contact-info { list-style: none; padding: 0; margin: 0; font-size: 0.9em; }

.contact-info { display: block; min-height: 20px; background-repeat: no-repeat; background-size: 20px 20px; padding: 0 0 0 30px; margin: 0 0 10px; }

.contact-info li.phone a { background-image: url('../img/phone.pgn'); }

.contact-info li.mail a { background-image: url('../img/mail.pgn'); }

.contact-info li.twitter a { background-image: url('../img/twitter.pgn'); } …

…HTML

<section> <h3>Contact Details</h3> <ul class="contact-info"></ul> <li class="phone"><a href="tel: 555-5555">555-5555</a></li> <li class="mail"><a href="mailto: rosana@gmail.com">rosana@gmail.com</a></li> <li class="twitter"><a href="http://twitter.com/intent/tweet?screen_name=rosinthehighest">rosinthehighest</a></li> </section> <footer> <a href="http://instagram.com/rosanagram"><img src="Me/Instagram.png" alt="Instagram Logo" class="social-icon"></a> <a href="http://twitter.com/rosinthehighest"><img src="img/twitter.png" alt="Twitter Logo" class="social-icon"></a> <p>© 2015 Rosana Hernandez.</p>

Can anyone see where I have gone wrong?

2 Answers

akshaythakur
akshaythakur
Courses Plus Student 34,019 Points

Hey, I think you made mistake here 

<h3>Contact Details</h3>
<ul class="contact-info"></ul>

<br/> I think you misplaced the ending </ul> tag.It should be after last closing </li> tag. You had written empty unordered list without any list item. <br />

<h3>Contact Details</h3>
<ul class="contact-info">
    <li class="phone"><a href="tel: 555-5555">555-5555</a></li>
    <li class="mail"><a href="mailto: rosana@gmail.com">rosana@gmail.com</a></li>
    <li class="twitter"><a href="http://twitter.com/intent/tweet?screen_name=rosinthehighest">rosinthehighest</a></li>
</ul>
Rosana Hernandez
Rosana Hernandez
1,346 Points
Rosana Hernandez
Rosana Hernandez
1,346 Points

Holy. Smokes. Akshay. You're right. THANK YOU :D

Rosana Hernandez
Rosana Hernandez
1,346 Points

Thought the previous was fixed but the edit only removed the bullets from the list. Images are still not showing up. Any further ideas?