Problem with the font-family in ".jumbotron h1"


#1

Keep on getting an error message even when I type what the exercise requires:

"02. In 'main.css', inside the '.jumbotron h1' selector, set font-family to 'Shift', sans-serif"

In index.html:

<!DOCTYPE html>
html>
  <head>
    <link href="http://s3.amazonaws.com/codecademy-content/courses/ltp/css/shift.css" rel="stylesheet">
    </head>

OBS: I also put the "<" in the begin of this sentences in the exercise. And the "shift.css" is working here, in my notebook.

In main.css:

.nav a {
color: #5a5a5a;
font-size: 11px;
font-weight: bold;
padding-top: 14px;
padding-bottom: 14px;
padding-right: 10px;
padding-left: 10px;
text-transform: uppercase;
}
.jumbotron {
height: 500px;
background-image: url('https://goo.gl/04j7Nn');
}
.jumbotron h1 {
font-family: 'shift', sans-serif;
color: #fff;
font-size: 48px;
font-weight: bold;
}
.jumbotron p {
color: #fff;
font-size: 20px;
}

But, this error message always shows up to me: "Oops, try again..."

So, what's wrong? Please, help me =/


#2

That is really strange :confused: .
Can you tell if the color and font-size are being applied to the h1 tag in your browser?
I'm really not sure, it is probably a problem in your HTML.


#3

Change the s in shift to capital letter so Shift keep the rest lowercase


#4

Hello, edwin.

I tried change the font-size to 23px just for a test, but the the font-size of the h1 didn't change in my browser. And also don't appears the image I put in "background-image: url('https://goo.gl/04j7Nn');"

How can I fix it? =S

It's really strange...


#5

Hello zainabrawat.

"Shift" or "shift" it doesn't make difference, the error message appears in both case.


#6

Oh I just saw you don't have your CSS file linked to your HTML


#7

Hello zainabrawat.

So how can I do to link the css file to my html? 'Cause I did exactly what the exercise asked to do... =/

thank you for your attention ^^


#9

Hi,

Your CSS tab on the top is it main.css?

If so after

Link in main.css

<!DOCTYPE html>
<html>
  <head>
    <link href="http://s3.amazonaws.com/codecademy-content/courses/ltp/css/shift.css" rel="stylesheet">
  <link href="main.css" rel="stylesheet">
    </head>

#10

html>




}
.jumbotron {
background-image:url('https://goo.gl/04j7Nn');
height: 500px;
}
.jumbotron h1 {
font-family:'Shift',sans-serif;
}
.jumbotron p {
color:#fff;
font-size:20px;

Why wont it let me continue on keeps saying error jumbotron font section??? please help


#11







#12

Zainabrawat gave me the the answer of this matter!

I shouldn't to erase the <link href="main.css" rel="stylesheet"> in the index! When I wrote it again I managed to pass the level!

Thank you, Zainabrawat. And thank you all, folks! =D