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

Posted by James Cortez
James Cortez
2,177 Points

How to make background color fill whole width of screen

Edit: Must have worded my post badly because none of the feedback was what I was looking for.

I managed to solve the problem though!

Thanks everyone for posting :D

James Barnett
James Barnett
39,199 Points

James Cortez - In the future rather than deleting your original post, you can leave your original post and then share what you learned and how you solved your own issue.

As it stands now this thread will be of little value to future forum searchers.

3 Answers

Andrew Cope
Andrew Cope
3,718 Points
Andrew Cope
Andrew Cope
3,718 Points

Just set the style of the <body> to "background-color:#somecolor;" and that should set the color of the entire page regardless of the grid or any elements within the page.

Johnny Martinez
Johnny Martinez
9,849 Points
Johnny Martinez
Johnny Martinez
9,849 Points

Can you create a codepen.io and show us your code? It would be easier for someone to help you this way.

http://codepen.io/

Laura Hutton
Laura Hutton
5,188 Points
Laura Hutton
Laura Hutton
5,188 Points

From what you've described it sounds like you just want the whole page to have the same background color. In that case you'd use: body {background-color: #yourvalue;}

If it's something else you're asking then you need to provide your code like Johnny Martinez said.