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
Oliver Sewell
16,334 Pointsthe background color and border color for the header refuses to change. help
header { background-color: #6ab47b; border-color: #599a68; }
h1, h2 { color: #fff; }
nav { background-color: #599a68; }
nav a, nav a:visited{ color:#fff; }
the nav background color has changed but the header background and border hasn't i previewed both in internet explorer and chrome but both refuse to change the background color i was just wondering if ive typed something wrong because im pretty confused haha
Thankyou
7 Answers
Jesse Hall
4,275 PointsI'm not sure what you're working on but your whole "border-color" thing could be wrong since you don't specify what type of border and how thick:
border: solid 1px #599a68;
I don't think you typed anything wrong, maybe some other style is overriding yours. Adding !important; forces it to change. Again, I'm not sure if you're working on an objective or what.
Best of luck, Jesse
Oliver Sewell
16,334 Pointshi jesse thanks for the reply im following the css lesson http://teamtreehouse.com/library/how-to-make-a-website/customizing-colors-and-fonts/use-color-in-css
from 4:15 he just says to add
header { background: #6ab47b; border-color: #599a68; }
but its not working and ive emailed the treehouse support team but they just told me to ask in forums its real frustrating haha
Jesse Hall
4,275 Points/******************************** COLORS *********************************/
a {
color: #6ab47b;
}
body {
background-color: #fff;
color: #999;
}
header {
background: #6ab47b;
border-color: #599a68;
}
nav {
background-color: #599a68;
}
Jesse Hall
4,275 PointsSo I pasted mine above. It was near the bottom of the main.css. I also had this code way above the other header style:
header { float: left; margin: 0 0 30px 0; padding: 5px 0 0 0; width: 100%; }
Oliver Sewell
16,334 Pointshey jesse i have all that code wrote down and its still not working :/
Oliver Sewell
16,334 Pointsmaybe its a bug or something T__T
Jesse Hall
4,275 PointsHow weird...I pulled up my version of the website and I see a green header with border. Sorry I couldn't help further!