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 and Style Icons

Davide Volpato
PLUS
Davide Volpato
Courses Plus Student 1,662 Points
Posted by Davide Volpato
Davide Volpato
Courses Plus Student 1,662 Points

Font size doesn't work

Doesn't want to work : .contact-info ul { list-style: none; padding: 0; margin: 0; font-size: 0.9em; }

css/main.css 
a {
  text-decoration: none;
}

#wrapper {
  max-width: 940px;
  margin: 0 auto;
}

#logo {
  text-align: center;
  margin: 0;
}

h1, h2 {
  color: #fff;
}

nav a {
  color: #fff;
}

nav a:hover {
  color: #32673f;
}

h1 {
  font-family: ‘Changa One’, sans-serif;
  font-size: 1.75em;
  font-weight: normal;
}

img {
  max-width: 100%;
}

#gallery {
  margin: 0;
  padding: 0;
  list-style: none;
}

#gallery li {
  float: left;
  width: 45%;
  margin: 2.5%;
  background-color: #f5f5f5;
  color: #bdc3c7;
}

nav ul {
  list-style: none;
  margin: 0 10px;
  padding: 0;
}

nav li {
  display: inline-block;
}

nav a {
  font-weight: 800;
  padding: 15px 10px;
}

.profile-photo {
  display: block;
  margin: 0 auto 30px;
      max-width: 150px;
  border-radius: 100%;
}

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

}

3 Answers

Justin Bigos
Justin Bigos
3,828 Points
Justin Bigos
Justin Bigos
3,828 Points

Is it because you made contact info an id(#) but needs to be a class (.) ?

.contact-info li {

} I am new as well and am just trying to help as part of my track. So my answer is more of an idea but hope it helps.

Davide Volpato
PLUS
Davide Volpato
Courses Plus Student 1,662 Points
Davide Volpato
Davide Volpato
Courses Plus Student 1,662 Points

I don't know i put: .contact-info ul { font-size:0.9em; margin:0; padding:0; list-style:none; }

but always told me " Be Sure to set the fond size to 0.9em

Davide Volpato
Davide Volpato
Courses Plus Student 1,662 Points
Davide Volpato
Davide Volpato
Courses Plus Student 1,662 Points

ok i just removed the ul:

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

Joshua Harman
Joshua Harman
8,821 Points
Joshua Harman
Joshua Harman
8,821 Points

Great work Davide! Here's why it wouldn't work with the ul on there:

It wouldn't accept it because there were other lines in your code keeping the task from passing.

Your issue was actually that you selected too much. When it asked that you select the unordered list with the class contact-info, it didn't need you to select *.contact-info ul{}* . There actually is no such thing in this particular problem, since the very the thing the class is connected to is the unordered list in question.

<ul class="contact-info">

It needed you to just select the .contact-info class since you didn't need to be redundant. Does that make sense?

Here's what it should look like:

either

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

or

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

or this works too, I would just be more inclined to use the former in case I have multiple ul(s) in a document.

ul {
  font-size: 0.9em;
  margin: 0;
  padding: 0;
  list-style: none;
}

I hope this helps!! :-)