6/10 Won´t let me set the font family of the h1 element

Good orderly checklist of possible mistakes. Nice and logical: I included example of font.css when I shouldn’t have.

Thank you Todd, I’m glad it helped.

pls how did you go through in this section

.jumbotron h1 { color: #fff; font-size: 48px; font-weight: bold; font-family: ‘Shift’, sans-serif; main css is giving me problems

@ifelajulo, did you work through the three steps on the check list yet?

yes i did,i wld go through them again

Thanks for the help, I shouldn’t have included the font.css example in the head tag.

I have the same problem I double checked my codes but still i am getting error.Please Help

@anirudhrajendran, would you like us to double check your code?

@AlbionsRefuge, Here is my code: Index.html:

main.css: .jumbotron h1 { color: #fff; font-size: 48; font-weight:bold; font-family: “Shift”,sans-serif;

@anirudhrajendran, this link has a mistake in it: http://s3.amazonaws.com/codeacademy-content/courses/ltp/css/Shift.css You can test that by trying to visit it with your web browser.

I had to go back and copy my styles from section 3. why can’t anyone say it like that? they just say you need those styles but good luck remembering xD

Can someone Check my main.css code:?

.jumbotron h1{ color:#fff; font-family:’shift’, sans-serif; font-size:48px; font-weight:bold; }

Does this look correct?

Hi tarabelle123, what you’ve written there looks just fine. You should have more than that though.

Oops, try again. Inside the head element add the link element for the custom font. Why am I getting this error? Is there a mistake?

Something seems to have happened with this exercise. I’ve asked a few others to look into it to confirm that they are seeing the same thing we are and then we’ll see about getting a bug report put in.

I have been trying to fix the problem based on the instructions—even switched laptops and with different browsers…nothing was working… and I was frustrated… So I copied and pasted your code above.. And it worked! After about 3 days’ of trying different ways. The only difference I can see is the space before rel=”stylesheet” and I switched the position of the two line of codes just like what you listed here. My questions: were those the issues? someone said position of the links do matter, is this the right order? I tried copy the url of http://s3.amazonaws.com/codecademy-content/courses/ltp/css/shift.css“ rel=”stylesheet” into browser before today, and there was always an error too. Thank you!

It helped me too to copy the same code above, it seems like i was only missing an > at the end of the second stylesheet but for for a love of me I could not see it before having the two codes side-by-side

This code allows you to complete the lesson. Thanks

so there are two spaces before “rel=”stylesheet”>? (it allowed me to complete the lesson). This seems to be an error, no?

that was stressful. thanks for fixing that up man :)

Yeah, that’s a bit weird… so is the two spaces thing a bug (I’m assuming so)?

Great help, thanks. It is so frustrating when you think you have done everything it is asking for and you still can not get it right. They should have a window showing the answer.

Hi Mauricio, is probably causing your error. You don’t have access to a file called font.css

Great answer that can solve this error.

I have no idea why bazokhan’s index.html code worked where mine didn’t. I couldn’t see the difference, even after playing with the spaces. But worked it did. It doesn’t make sense, but cut and paste the code so you can move forward.

It’s really funny to me though…I tried all you guys have written down here and I JUST CAN’T MOVE ON! I think this is a bug and I don’t know how it worked for you guys but for me, I’m stucked. This is really annoying…

Hi Santao, Something seems to have happened with this exercise. I’ve asked a few others to look into it to confirm that they are seeing the same thing we are and then we’ll see about getting a bug report put in.

The problem has been fixed, please try again.

I keep getting this error message and Ive tried fixing multiple ways, including different browsers.

Oops, try again. Set the font-family of the h1 element inside

Ok just figured this out. In the card section when it mentions adding these, it includes a backslash before the closing >. So, the code should actually read:

WOW that worked THANK YOU bazokhan

I fumbled with this for hours…..THANK YOU SO MUCH Youngabel!

Thank you so much !

worked!

safe

You’ve lost this link:

Thanks AlbionsRefuge; I added It Works!!

I had the same problem. I tried all of the solutions in this thread and yours worked. I was in FireFox originally, then went to Chromium. I clicked “Save and Submit” and it was accepted. Thank you.

Worked for me in Firefox. Don’t know why it says to place the code inside

Mine wouldnt go through either(I use firefox) and i just put the above the font.css and the main.css and it finally went through! lol

me aging for some how some of my code is missing in my question even low its there when try to edit it,

Anyways here is the missing code index.html

@tagMaster, if you take those extra spaces that you inserted in here rel=”stylesheet”> then you should be good.

It worked. Thank you!

it worked, thanks!

Thank you!

i m getting error.. plz help me

HI swapnil meshram, have you already posted your code where I can see it?

Hay thanks for replying maybe you can help me am having the same problem as Roland. I have the same code for the html and the css but am getting the error.

Oops, try again. Inside the head element add the link element for the custom font. I have tried all the possabile solutions suggested here but none of them are working. Pleas help as its driving me crazy and i want to finish the course so I can move on to PHP and Javascript

Did you already take my previous advice about removing the extra spaces in “stylesheet “?

yes I did but it did’t work so I reset the code an did the task aging taking on board your advice and it’s working now thanks for your help.

Great, glad you’ve got that one sorted!

Hay thought we had it sorted but earlier it worked so I went and did it on my PC but am getting a different error. Oops, try again. Set the font-family of the h1 element inside

my code

.jumbotron h1 { color: #fff; font-size: 48px; font-weight:bold; font-family: ‘shift’, sans-serif; }

it also says in the css heading (h1) should not be qualified.

The “heading should not be qualified” is a suggestion, not really an error. You can Google for it and someone out there will explain it better than I can. Did you look back at my very first response in this thread, the one where I listed 3 things to check?

thanks. it worked

Hi Matt, it looks like you are missing a semicolon at the end of your font-family line.

there is no “;” in this line font-family:’Shift’,sans-serif

You diamond! I thought it was a number one but it was a lower case L!!! So frustrating!

Hi prospect82, I see a semicolon after the word color, that should be a colon.

thanks. I corrected that but still the same issue

Alright, maybe there is something in the code that I haven’t seen yet, could you post all of your CSS file please?

.nav a { color: #5a5a5a; font-size: 11px; font-weight: bold; padding-bottom: 14px; padding-left: 10px; padding-right: 10px; padding-top: 14px; text-transform: uppercase; }

.jumbotron { background-image:url(‘http://goo.gl/04j7Nn‘); height: 500px;

.jumbotron h1 {
color: #fff; font-family: ‘Shift’, sans-serif; font-size: 48px; font-weight: bold; }

.jumbotron p {
    color: #fff;
    font-size: 20px; }

Thanks prospect82, now I can see that your .jumbotron { … } is missing its }

you are using “double” instead of ‘single’ quotations on your “Shift”… instead of ‘Shift’

Hi Iry, either type of quotes should be accepted.

thx guys I was missing the brackets. Thanks greatly.

ooohhh okay.

Hi WestKraemer, if I could fix anything I would, but I’m just here to help sort out questions. Have you posted your code anywhere yet? I need to see ALL of your main.css file and ALL of the HEAD element in your index.html file.

Hi fakamo, that link to font.css is likely the problem. There is no font.css file available to you in this exercise.

Hi Ellis Burgess, have you already posted your head element where we can see it?

That is pretty odd that you can’t complete a new question. What operating system and web browser are you using?

I have tried doing in with chrome and firefox and on windows 7 and 8

I had the same problem and this solved it. Thanks.

no problem :)

There is an = missing here: rel”stylesheet”.

That was it. thank you. Good catch!!

@ tarabelle123, you’re welcome!

I have the same problem, could you help me please.

could some one please tell me how to post my question??????

Hi reemalnaji, you have a space between / and courses that is breaking that URL.

thank you ,I tried to do what you said, but ,it was not working.

@ reemalnaji, please show me your corrected code so that I can test it.

put an equal sign between rel and “stylesheet” The line should be

Hi jeangardy509, that is an interesting way to fool the code checker but it certainly isn’t the correct code for creating the web page in this project. If your goal is learning HTML/CSS I suggest you give this another go. As it stands, your code only gives a blank page.

oh man I thought I had finally got it. So if you don’t min me asking. What is the correct way to fix this issue? I’ve been fighting with it for about a week now. Thanks!!

If you passed exercise 5 then in exercise 6, you can use the Reset Code button to bring all of that code forward. Then as you work through the steps in exercise 6, also check my post that is near the top of this thread, the one that starts out with: “1. check to see if you still have the link to your main.css”. There are three of the most common mistakes listed there.

I’ll do so. thanks for the advice and the heads up

so you mean to tell me both questions for number 6/10 needs to be answer in main.CSS?

Hi jeangardy509, no I don’t mean that.

so where does question one in section 6/10 need to answer to be correct than? in index.html or main.CSS

Step one is asking you to add a line of code to the index.html file. Specifically a line is to be added to the head element. That line is a link to the shift.css file.

jeangardy509, I can confirm that your method works. Also, I think this is the only way to go for people who can’t pass anyway. Our code is fine. It works. The font is Shift. The only problem is the validator won’t accept it. I think ir is fair that we use your method, then copy/paste our code, the correct way, into the next exercise. Hope this helps!

Not a problem @Kaifee Haque

Something seems to have happened with this exercise. I’ve asked a few others to look into it to confirm that they are seeing the same thing we are and then we’ll see about getting a bug report put in.

Basically, I just skipped step 6 by selecting step 7… :D

The problem has been fixed, please try again.

Hi Cthao, it is working as expected for me. Please show me all of your and all of your main.css file.