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 Customizing Colors and Fonts Add Fonts

It is asking to set the Set the size of your H1 to 1.75em and the weight to normal. Well it wont work. I know its right.

h1 { font-family: 'Muli', sans-serif; margin: 15px 0; font-size: 1.75em; font-weight:normal; line-height: 0.8em; }

8 Answers

Stone Preston
Stone Preston
42,016 Points

you most likely need to remove the margin and line height attributes. The challenge never asked for you to do that

h1 {
 font-family: 'Muli', sans-serif;
 font-size: 1.75em; 
 font-weight:normal; 
}

Oh ok thanks!!!!

We Stone I removed them and still nothing...

Stone Preston
Stone Preston
42,016 Points

can you post the full CSS file you are using

a { text-decoration: none; }

wrapper {

max-width: 940px; margin: 0 auto; }

logo {

text-align: center; margin: 0; }

h1 { font-family: 'Muli', sans-serif; margin: 15px 0; font-size: 1.75em; font-weight: normal; line-height: 0.8em; }

h2 { color: #fff; }

nav a { color: #fff; }

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

Stone Preston
Stone Preston
42,016 Points

you still have the margin and line height in your h1 selector. remove those attributes.

This what I have now and it still wont go....

a { text-decoration: none; }

wrapper {

max-width: 940px; margin: 0 auto; }

logo {

text-align: center; margin: 0; }

h1 { font-family: 'Muli', sans-serif; font-size: 1.75em; font-weight: normal;

}

h2 { color: #fff; }

nav a { color: #fff; }

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

Stone Preston
Stone Preston
42,016 Points

you modified an existing css selector. one of the existing selectors was

h1, h2 { ... }

and it looks like you separated that to make your h1 rule. add that rule back in. try using

a { text-decoration: none; }

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

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

h1 { font-family: 'Muli', sans-serif; font-size: 1.75em; font-weight: normal;

}

h1, h2 { color: #fff; }

nav a { color: #fff; }

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

Thanks for the help but it still not moving...Could be something else...

For whatever reason, I tried everything to pass this challenge and it won't let me do it even if with the answers was given. Is there an another option?