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
Balint Bejczi
3,375 Pointscontact link's color
Hi, can somebody tell me that, why Nick's contact links are green? My contact links are blue, like default. Is is normal? What do I miss? Thank's for the help! Balint
Balint Bejczi
3,375 PointsIs the css enough?
/*********************** GENERAL ***********************/
body { font-family: 'Cabin' sans-serif; }
wrapper {
max-width: 940px; margin: 0 auto; padding: 5%; }
a { text-decoration: none; }
img { max-width: 100%; }
h3 { margin: 0 0 1em 0; }
/*********************** HEADING ***********************/
header { float: left; margin: 0 0 30px 0; padding: 5px 0 0 0; width: 100%; }
logo {
text-align: center; margin: 0; }
h1 { font-family: 'Oxygen', sans-serif; margin: 15px 0; font-size: 1.75em; font-weight: normal; line-height: 0.8em; }
h2 { font-size: 0.75em; margin: 15px 0 0; font-weight: normal; }
/*********************** NAVIGATION ***********************/
nav { text-align: center; padding: 10px 0; margin: 20px 0 0; }
nav ul { list-style: none; margin: 0 10px; padding: 0; }
nav li { display: inline-block; }
nav a { padding: 15px 10px; }
/*********************** FOOTER ***********************/
footer { font-size: 0.75em; text-align: center; clear: both; padding-top: 50px; color: #ccc; }
.social-icon { width: 20px; height: 20px; margin: 0 5px; }
/*********************** PAGE: PORTFOLIO ***********************/
gallery {
margin: 0; padding: 0; list-style: none; }
gallery li {
float: left; width: 45%; margin: 2.5%; background-color: #f5f5f5; color: #bdc3c7; }
gallery li a p {
margin: 0; padding: 5%; font-size: 0.75; color: #bdc3c7; }
/*********************** PAGE: ABOUT ***********************/
.profile-photo { display: block; max-width: 150px; margin: 0 auto 30px; border-radius: 20px; }
/*********************** PAGE: CONTACT ***********************/
.contact-info { list-style: none; padding: 0; margin: 0; font-size: 0.9em; }
.contact-info a { display: block; min-height: 20px; background-repeat: no-repeat; background-size: 20px 20px; padding: 0 0 0 30px; margin: 0 0 10px; }
.contact-info li.phone a { background-image: url('../img/phone.png'); }
.contact-info li.email a { background-image: url('../img/mail.png'); }
.contact-info li.twitter a { background-image: url('../img/twitter.png'); }
/*********************** COLOR ***********************/
body { background: #fff; color: #999; }
header { background: #6ab47b; border-color: #599a68; }
nav { background: #599a68; }
h1, h2 { color: #fff; }
nav a, nav a:visited { color: #fff; }
nav a.selected, nav a:hover { color: #32673f; }
2 Answers
Lukas Muller
7,347 PointsYou actually had change the color already, I don't know if it is that you were looking for. Nav a.selected, nav a:hover
Lukas Muller
7,347 PointsYou actually have your color in the CSS. Is something wrong with your HTML-file?
Balint Bejczi
3,375 PointsI don't think so, because the core things are working, and the html file doesn't do anything about the color. Any idea?
Balint Bejczi
3,375 PointsI found it! I forgot to change the color of the a (anchor) elements.... Of course.. But thanks for your quick response!
Lukas Muller
7,347 PointsLukas Muller
7,347 PointsCould you possibly share your code?