Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

CSS

Posted by jihad miski
jihad miski
1,278 Points

problem with background color not showing up ??

body {
  background-color: #fff;
  color: #999;
}

only the bulletin points are changing color and not the writing can someone help me figure this out thank u .

6 Answers

Ravi Yadav
Ravi Yadav
10,152 Points

Hi jihad Check for the following:

  1. Make sure you have your css file linked properly.
  2. #fff is the value of white color. So if your background is already white you will not see any difference. Try changing the color to something else. That will also tell you if your css file is linked properly.
  3. See more of your code and try to see if you have overwritten the color for text somewhere else.
jihad miski
jihad miski
1,278 Points

everything else works properly if i do any changes its visible i just have a problem with the body text i tried changing background color and still nothing happens

Andreas Frost Nordstrøm-Hansen
Andreas Frost Nordstrøm-Hansen
2,443 Points
Andreas Frost Nordstrøm-Hansen
Andreas Frost Nordstrøm-Hansen
2,443 Points

Can you post your entire code?

It will help alot.

jihad miski
jihad miski
1,278 Points
jihad miski
jihad miski
1,278 Points 
/*************************
 GENERAL
**************************/


#wrapper {
  max-width: 940px;
  margin: 0 auto;
  padding: 0 5%;
  }

  a {
    text-decoration: none;
    }



/*************************
 HEAding
**************************/


#logo {
  text-align: center;
  margin: 0;
}

h1 {
  font-family: 'Santiago Orozco' , serif;
}



/*************************
 COLORS
**************************/


/* site body */

body {
  background-color: #fff;
  color: #999;
}



/* green header */

header {
  background: #6ab47b;
  border-color: #599a68;
}

/* nav background on mobile */

nav {
  background: #599a68;
}


/* logo text */

h1, h2 {
  color: #fff;
}

/* links */

a {
  color: #6ab47b;
}


/* nav link */

nav a, nav a:visited {
  color: #fff;
}

/* selected neav ink */

nav a.selected, nav a:hover {
  color: #32673f;
}
jihad miski
jihad miski
1,278 Points
jihad miski
jihad miski
1,278 Points 
<!DOCTYPE html>
  <html>
    <head>
      <meta charset="utf-8">
      <title>Beyong The Sword</title>
      <link rel="stylesheet" href="css/normalize.css">
      <link href="https://fonts.googleapis.com/css?family=Josefin+Slab|Kaushan+Script" rel="stylesheet">
      <link rel="stylesheet" href="css/style.css">
    </head>
    <body>
      <header>
        <a href="index.html" id="logo" >
          <h1> 10 HorseMen </h1>
          <h2> Defenders </h2>
        </a>
        <nav>
          <ul>
            <li><a href="index.html" class="selected">Horsemen</a></li>
            <li><a href="Potions.html">Potions</a></li>
            <li><a href="Craft.html">Craft</a></li>
          </ul>
        </nav>
      </header>
      <div id="wrapper">
      <section>
       <ul>
         <li>
            <a href="img/1.jpg">
            <img src="img/1.jpg" alt="">
            <p> Black Blade </p>
           </a>
         </li>
         <li>
            <a href="img/2.jpg">
            <img src="img/2.jpg" alt="">
            <p> Black Blade </p>
           </a>
         </li>
         <li>
            <a href="img/3.jpg">
            <img src="img/3.jpg" alt="">
            <p> Black Blade </p>
           </a>
         </li>
         <li>
            <a href="img/4.jpg">
            <img src="img/4.jpg" alt="">
            <p> Black Blade </p>
           </a>
         </li>
      </ul>
    </section>
    <footer>
      <a href="http://instagram.com/ayrabface"><img src="img/insta.jpeg" alt="insta logo" </a>
      <p>&copy; 2016 10 Horsemen.</p>
    </footer>
    </div>
  </body>
</html>
Ravi Yadav
Ravi Yadav
10,152 Points

hey can you tell me which color is not changing for you? I tried the code on jsfiddle and its working as expected. Also add a closing '>' after alt="insta logo" ..before the copyright. Which part of your 'writing' is not changing color?

jihad miski
jihad miski
1,278 Points
jihad miski
jihad miski
1,278 Points

i want the black blade to change color isnt it in the body ? so iam just wondering why it hasnt changed colour

Ravi Yadav
Ravi Yadav
10,152 Points

in your css, after the logo text you have links there in you have 'a' selector. Change the color there and you will get your desired result.

jihad miski
jihad miski
1,278 Points
jihad miski
jihad miski
1,278 Points

thk uuuu !!!!! now i can fix it :)