6. Jumbotron: Fonts


#1

What's wrong with this?

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


#2

I don't see anything wrong with that.

Do you still have your link to main.css in your index.html file?
Do you also have a link to shift.css in your index.html file?

Please show me the <head> ... </head> element from your index.html file.


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

fonts are doesn't work somewhere


#4

That looks good to @margarita_tarabaschu.

Could you post all of your CSS file please?


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

.nav li {
  display: inline;
}

.jumbotron {
  background-image:url('http://goo.gl/04j7Nn');
  height: 500px;
  background-repeat: no-repeat;
  background-size: cover;
}

.jumbotron .container {
  position: relative;
  top:100px;
}

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

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

.learn-more {
  background-color: #f7f7f7;
}

.learn-more h3 {
  font-family: 'Shift', sans-serif;
  font-size: 18px;
  font-weight: bold;
}

.learn-more a {
  color: #00b0ff;
}

#7

I'm having the same problem Margarita. Were you able to circumnavigate it somehow?


#8

i quess that it is the problem of systems and we can not do something whith it
I skip these steps and checking the correctness of the editor


#9

Thanks! Was pretty certain I had it correct.


#10

Thank you for posting your CSS code @margarita_tarabaschu - it also looks perfect.

If you haven't already you can try these steps to see if one of them works:

  • reload/refresh your webpage
  • use the Reset Code button
  • if you have one, try a different web browser

#11

first and second steps has not helped
but i try to use other browser, maybe it can help


#12

A post was split to a new topic: 6. Jumbotron: Fonts


#13

3 posts were split to a new topic: 6. Jumbotron: Fonts


#15

2 posts were split to a new topic: 6. Jumbotron: Fonts


#16

A post was split to a new topic: 6. Jumbotron: Fonts


#18

2 posts were split to a new topic: 6. Jumbotron: Fonts


#20

2 posts were split to a new topic: 6. Jumbotron: Fonts


#22

2 posts were split to a new topic: 6. Jumbotron: Fonts


#24

I was also having problems passing this exercise. Main.css was failing to find the shift.css file link in index.html. I tried all the potential solutions posted. The ONLY thing that finally worked was to copy and paste the code directly from the instructions to the index.html screen. Good luck!


#25

A post was split to a new topic: 6. Jumbotron: Fonts


#26

I agree with @lizflo on this one! I could not figure it out until I copied and pasted the code directly from the instructions... Which is misleading.