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

Ruby Build a Todo List Application with Rails 4 Build a Todo List Application with Rails 4 Adding Validations to Todo Items

Brian Patterson
Brian Patterson
19,588 Points
Posted by Brian Patterson
Brian Patterson
19,588 Points

Does not change colour.

Changing colour in CSS is not working.

div.alert {
border: 2px solid #aaa;
padding: 10px;

 }

div.flash.success { border: 2px solid green; color: green; } 
div.flash.error { border: 2px solid red; color: red; } 
div.flash.notice { border: 2px solid blue; color: blue; }

This is identical to his code.

2 Answers

Francois van der Hoven
Francois van der Hoven
2,026 Points
Francois van der Hoven
Francois van der Hoven
2,026 Points

Hi Brian, Can you please provide the contents of your div.fash element? You might need to apply the color property to the target inner tag within div.flash. Regards, Francois

nulled
nulled
1,890 Points
nulled
nulled
1,890 Points

This works for me:

 div.alert {
   border: 2px solid #aaa;
   padding: 10px;
 }

div.flash.success { 
  border: 2px solid green;
  color: green;
}

div.flash.error {
  border: 2px solid red;
  color: red;
}

div.flash.notice {
  border: 2px solid blue;
  color: blue;
}