Html Question posted in
Some basic documentation can be found here.

Html – Why isn't this css font not changing?

h1 {
  font-size: 50px;
  color: white;
  font-family: "Abril Fatface", serif;
  font-weight: 400;
  font-style: normal;
  text-align: center;
  padding-top: 20px;
}

p {
  font-size: 20px;
  color: black;
  font-family: "Julius Sans One", sans-serif;
  font-weight: 100;
  font-style: normal;
  text-align: center;
  padding-top: 20px;
}
<div class="container">
  <div class="text-box">
    <h1>Magic 8 Ball</h1>
    <p>Harness the mystical powers of the Magic 8 Ball to uncover the answers you seek.Ask The Almighty 8ball! </p>

I am trying to add colour to the p tag, colour works for h1 but not p for some reason.

Tags:

3

Answers


  1. 0

    try using
    color: black !important;

    for the p tag

    Login or Signup to reply.
  2. 0

    Look the below code.

    h1 {
    font-size: 50px;
    color: white;
    font-family: "Abril Fatface", serif;
    font-weight: 400;
    font-style: normal;
    text-align: center;
    padding-top: 20px;
}

p {
    font-size: 20px;
    color: red; /* Change color */
    font-family: "Julius Sans One", sans-serif;
    font-weight: 100;
    font-style: normal;
    text-align: center;
    padding-top: 20px;
}
     <div class="container">
   <div class="text-box">
      <h1>Magic 8 Ball</h1>
      <p>Harness the mystical powers of the Magic 8 Ball to uncover the answers you seek.Ask The Almighty 8ball!  </p>
   </div>
</div>

    Change the color value from black to another color so you see if it applies or not.

    Login or Signup to reply.
  3. 0 
    h1 {
  font-size: 50px;
  color: black;
  font-family: "Abril Fatface", serif;
  font-weight: 400;
  font-style: normal;
  text-align: center;
  padding-top: 20px;
}

p {
  font-size: 20px;
  color: black;
  font-family: "Julius Sans One", sans-serif;
  font-weight: 100;
  font-style: normal;
  text-align: center;
  padding-top: 20px;
}
    <div class="container">
  <div class="text-box">
    <h1>Magic 8 Ball</h1>
    <p>Harness the mystical powers of the Magic 8 Ball to uncover the answers you seek.Ask The Almighty 8ball! </p>

    You have added white color to the h1 tag that’s why you are not able to see the font.

    Login or Signup to reply.
Please signup or login to give your own answer.

Back To Top
Search