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 CSS Basics (2014) Understanding Values and Units Color Values

Richard Owens
Richard Owens
1,071 Points

My colours are not changing on my websites, does anyone know what I'm doing wrong?

/* Type Selectors ------------------ */

body { color: #878787; margin: 0; font-size: 1em; }

h1 {
font-size: 5.625rem; /* 90px/16px */ color: rgba(255, 255, 255, .5); }

h2 { font-size: 53px; }

h3 { font-size: 20px; color: #48525c; }

/* Pseudo-classes ------------------ */

a:link { color: rgb(255, 169, 73); }

a:visited { color: lightblue; }

a:hover { color: rgba(255, 169, 73, .4); }

a:active { color: lightcoral; }

/* ID Selectors -------------------- */

main-footer {

padding-top: 60px; padding-bottom: 60px; border-bottom: solid 10px #ffa949; }

/* Class Selectors ----------------- */

.main-header { background-color: #ffa949; }

.title { color: white; font-size: 1.625rem; /* 25px/16px */ }

.primary-content, .secondary-content { width: 60% }

.primary-content { text-align: center; }

.t-border { border-top: 2px solid lightgrey; /* Top border styles */ }

2 Answers

Do you have a link to the website?

Richard Owens
Richard Owens
1,071 Points


The colours have changed now but when I put another colour in say the main-header background colour it doesn't change for some reason.

When I use Dev Tools on it all the colors change fine for me. Make sure you save the changes and try hitting Ctrl F5 to fresh the site.