6.Jumbotron:Fonts


#1

Greetings from Jamaica,
Hello my name is Stefano Chin, please look at the code below:

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

.jumbotron h1 {
font-family: 'Shift', sans-serif;
}

I did everything I see, I scanned through all the similar issues like this on the forum and made corrections and its still wrong. I don't understand, what else should I do??


#2

Hi Stefano,

That all looks perfect. There is one more thing that I would like to check and that is the rest of your CSS file. There may be a little mistake in one of the other rules.


#3

Ok here is everything else, including the part I'm stuck at:

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

.jumbotron {
height:500px;
background-image:url('https://goo.gl/04j7Nn');
}

.jumbotron h1 {
color:#fff;
font-size:48px;
font-weight:bold;
}

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

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

.jumbotron h1 {
font-family: 'Shift', sans-serif;
}

#4

All of that is perfect. When I copy/paste/submit it here it works.

Just to make sure... are you saying that you have two .jumbotron h1 { ... } rules in your CSS file?


#5

NO I only have the .jumbotron where I was asked to use it, so I only have it once in this activity


#6

I copy/paste/submit it as well and its still not working, sigh.


#7

Where are the two .jumbotron h1 { ... } rules that you showed me?

This one:

.jumbotron h1 {
color:#fff;
font-size:48px;
font-weight:bold;
}

and this one:

.jumbotron h1 {
font-family: 'Shift', sans-serif;
}

#8

.jumbotron p {
color:#fff;
font-size:20px;
}
<html>
<head>
    <link href="http://s3.amazonaws.com/codecademy-content/courses/ltp/css/shift.css" rel="stylesheet">
    <link rel="stylesheet" href="main.css">
</head>
</html>
.jumbotron h1 {
font-family: 'Shift', sans-serif;
}

#9

It looks like you have put that in the index.html file -- either that or you have put some HTML in your main.css file. From what you've posted, I'm not sure which.


#10

It looks like you are posing your code in the wrong place. It says place the link in the index.html, then go to the main.css and change the jumbotron h1 selector.