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
Vlad Brezeanu
1,260 Pointskeep geting "bummer" on the id selector
I'm selecting the copyright ellement with the id selecor #copyright { }, but it keeps getting me "bummer- remember to use # character"...
9 Answers
Julie (Howard) Lewis
Front End Web Development Techdegree Graduate 25,921 PointsCan you paste the code snippet? Sometimes when it does this kind of error, it's as simple as a missing ; in the line prior.
Vlad Brezeanu
1,260 Points'''css body { font-family: 'Nunito', sans-serif; color: #faf3bc; background: #420600 url('img/texture.png') repeat; }
a { color: #4fb69f; text-decoration: none; }
.btn { color: #faf3bc; background: #4fb69f url('img/texture.png') no-repeat; border-radius: 25px; text-transform: uppercase; text-decoration: none; padding: 15px 30px; margin: 40px 0px; }
copyright {
border-top: 8px; border-color: #2A0400; } '''
Anshuman Bhartia
3,844 PointsYou are not using the '#' character with the copyright id.
Use the following code :
copyright {
border-top: 8px;
border-color: #2A0400;
}
Vlad Brezeanu
1,260 PointsYes, i'm using it...but i don't why it's not displaying it.
Julie (Howard) Lewis
Front End Web Development Techdegree Graduate 25,921 PointsIt looks like you're missing the # in front of the copyright, should read: ''' #copyright {border-top: 8px; border-color: #2A0400; } ''' Just like you posted in your question! So it looks like you're thinking the right thing, but just made a typo.
Vlad Brezeanu
1,260 PointsIt's strange. Looks like when i paste the whole code in the comment area it disapears :))
Anshuman Bhartia
3,844 PointsYes,the same thing is happening to me as well.
Julie (Howard) Lewis
Front End Web Development Techdegree Graduate 25,921 PointsOK, so you've got the right idea with the #copyright. Now you just need to add something to make the top border solid...
Vlad Brezeanu
1,260 Points''' body { font-family: 'Nunito', sans-serif; color: #faf3bc; background: #420600 url('img/texture.png') repeat; }
a { color: #4fb69f; text-decoration: none; }
.btn { color: #faf3bc; background: #4fb69f url('img/texture.png') no-repeat; border-radius: 25px; text-transform: uppercase; text-decoration: none; padding: 15px 30px; margin: 40px 0px; }
copyright {
border: 8px 0 0 0 thick; border-color: #2A0400; } '''
that's the final code. Still bummer :(
Vlad Brezeanu
1,260 PointsAnd the "#" character is in it's right place
Julie (Howard) Lewis
Front End Web Development Techdegree Graduate 25,921 PointsYou're so close! You were on track with border-top property... now you just need to make it solid (and delete the "0 0 0 thick")
Vlad Brezeanu
1,260 PointsIt works now :) Thanks for helping me!!