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

Alexandra Symeonides-Tsatsos
Alexandra Symeonides-Tsatsos
1,296 Points

Why is my CSS code not taking effect on my website?

Hey! So I'm working in the contact page of my portfolio project and the html worked fine but now that I'm trying to style it with CSS, the CSS is just having no effect whatsoever on the look of the sit (ex. the bullets are still there, its still justified left)

Here is the link to my workspace https://w.trhou.se/q59v4jgn14

Also here is the code I think is relevent

HTML <section> <h3>Contact Details </h3> <ul class:"contact-info"> <li class:"mail"> <a href="mailto": asymeonidestsatsos@gmail.com> asymeonidestsatsos@gmail.com </a></li> </ul> </section>

CSS

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

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

}

Thank you so much!! <3

1 Answer

Richard Hope
Richard Hope
25,237 Points

In your html, use an "=" instead of a ":" after class when setting the class ie. class="mail"