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!

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

JavaScript Treehouse Club - MASH MASH - CSS CSS in Dev Tools

Roberto Gallardo
Roberto Gallardo
1,772 Points

I do exactly the same with the Mash-logo.svg on chrome but background simply doesn't change.

Here are the details:

-Drag the Mash-logo.svg image to Chrome. -It shows up in Chrome -Tools-->Developer tools -Styles-->element.style { --> background: blue -Everything looks the same but background remains the same.

Chrome Ver. 48.0.2564.103 m Windows 8 Ver. 6.3 (compilation 9600)

Thanks for your help :)

4 Answers

Roberto Gallardo
Roberto Gallardo
1,772 Points

I found out that the change comes up until I close the Developer tools. Thanks for your answers.

Ran ShemTov
Ran ShemTov
14,148 Points

If you want to see the logo better, use background on any elements behind your logo. For example. where these styles are. press + and write:

 body {
   background-color: gray;

this will do the trick

I figured this out. I was having the same issue. In the developer tools, on the top left corner you will see an icon of a mouse pointing to a screen and an icon of a phone and a tablet. Click the icon of the phone and tablet and then click back to the icon of the mouse pointing to a screen. That should do the trick!

This worked. Thanks :)

Ben Sohl
Ben Sohl
5,670 Points

This didn't work for me... plus it doesn't autofill "background" like it does in the video?

Following the steps, but no colors show up in the background. Using Google Chrome.