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 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?