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
Dominic Hatchel
2,494 PointsCan't figure out why header background changed from green to white after css rearrangement
/*********************************** GENERAL ************************************/
body { font-family: 'Open Sans', sans-serif; }
wrapper {
max-width: 940px; margin: 0 auto; padding: 0 5%; }
a { text-decoration: none; }
/*********************************** HEADING ************************************/
logo {
text-align: center; margin: 0; }
h1, h2 { background: #6ab47b; }
h1 { font-family: 'Changa One', sans-sarif; margin: 15px 0; font-size: 1.75em; font-weight: normal; line-height; 0.8em; }
h2 { font-size: 0.75em; margin: -5px 0 0; font-weight: normal; }
/***********************************
Navigation
************************************/
nav { text-align: center; padding: 10px 0; margin: 20px 0 0; }
/*********************************** Footer ************************************/
footer { font-size; 0.75em; text-align: center; padding-top: 50px; color: ligt
/*********************************** COLORS ************************************/
/Site Body/
body { background-color: #fff; color: #999; }
/Green Header/
header { background: #6ab47b; border-color: #599a68 }
/Nav background mobile/
nav { background: #599a68; }
/logo text/
h1, h2 { color: #fff; }
/Links/
a { color: #6ab47b; }
/Nav Link/
nav a, nav a:visited { color: #fff; }
/Selected Nav Link/
nav a.selected, nav a:hover { color: #32673f; }
2 Answers
Szabolcs Szána
6,961 PointsHi,
Please paste the html code too :)
and this: "/Site Body/" is not a comment in CSS :/
use this:
/* Site Body */
Russell Sawyer
Front End Web Development Techdegree Student 15,705 PointsIn my experience when I've rearranged my CSS to make it flow better I sometimes forget a closing curly brace at the end. This will cause all kinds of problems at both where there is a tag without a closing curly brace and where I left the lone curly brace from where it was cut from. I did notice in your original code that you posted that you are missing a closing curly brace after your footer tag. Which is right before your code for the color.
Good luck
Dominic Hatchel
2,494 PointsDominic Hatchel
2,494 PointsThank you for pointing that out! So I have narrowed it down to this section of my CSS code that is causing my background to change from green to white. Any ideas? I'm driving myself mad.
h1 { font-family: 'Changa One', sans-sarif; margin: 15px 0; font-size: 1.75em; font-weight: normal; line-height; 0.8em; }
h2 { font-size: 0.75em; margin: -5px 0 0; font-weight: normal; }
Dominic Hatchel
2,494 PointsDominic Hatchel
2,494 PointsSo I went back and redid that portion of my CSS and all is well. Still not sure what I was doing incorrectly, going to keep tweaking until I found out, but I appreciate your help!