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

Alexandra Symeonides-Tsatsos
Alexandra Symeonides-Tsatsos
1,296 Points
Posted by 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
Richard Hope
Richard Hope
25,237 Points

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