9. Learn More: Link


#1

.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(https://goo.gl/04j7Nn);
height: 500px;
}


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

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

.learn-more{
background-color: #f7f7f7;
}
.learn-more h3 {
color=#00b0ff;
font-family: "Shift", sans-serif;
font-size: 18px;
font-weight: bold;
}

.learn-more h3 {
color= #00b0ff;
}

Anyone spot a fault :(? Stuck for 2 days now ><


#2

You have an ( = ) sign you need to use a ( : )
color:#00b0ff;

Don't forget to change both..


#3

Thanks a lot! but is still get this error: Oops, try again. Set the color of the a elements inside

..
to #00b0ff

#4

Sorry the a element inside which div?


#5

div class="learn-more"


#6

So you will have to select a inside the class learn more:

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

You can also select, link, hover, visited like so:

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

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

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