Font color not changing

HTML-CSS
1

I keep running into this problem when i code. When trying to style h1 h2 h3 and blah elements, it does not work the way i want it to. One problem i always run into that bugs me is when i do
h1 {

}
and then put the style(font size, color and whatever )in there. It NEVER works. So i have to define a class like .fh1 to get it to work and even then(as i am about to show you) it does not work
I am trying to style Kalamari zoo to be the color of tickets and membership. Its not working. I am defining its style in .fh1

1 Like
2

since you’re working in codepen (as opposed to a standalone hosted page), you do not need to include the link and body tags in your code window

<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css"/>
<link href="https://fonts.googleapis.com/css?family=Chicle" rel="stylesheet">
<body id ="fbody">

Remove the above stuff and you’ll see that css definitions like this will start to work

h1{
  color:yellow;
}

put your Bootstrap and font definitions under Settings > HTML > Head

3

did that. still did not give me the color i want.

4

h1.png617×628 217 KB

5 
<h1 class="text-primary text-center"> Kalamari ZOO </h1>

text-primary is blue…
so you get blue text in your h1 banner