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 Treehouse Club: CSS My First Web Page Changing Your CSS

When I hover over the hexidecimal codes in Workspaces, nothing happens. How do I select a new color?

There's also no box that shows the current color, and no color selector in the drop-down menu options.

I'm using the native style.css form in "CSS: Introduction to My First Webpage" and changing Joy's settings.

What am I doing wrong?

3 Answers

Jason Anders
MOD
Jason Anders
Treehouse Moderator 145,860 Points

Hey Lauren,

The hover effect to show the hex color is an editor specific function, and in the case of Workspaces, a browser specific function. If I remember correctly, it works in Chrome, but not in Firefox.

However, this feature only show the color selected after the hex value is manually typed in. There are currently no functions of editors or workspaces that bring up a color selector on hover.

So in the challenges here, you just type in the hex value to change the color.

Hope this helps. Keep Coding! :)

Thanks, Jason! That is helpful feedback. I am using Firefox. I looked up some codes online and changed it to #003326, saved it, and previewed it. The change isn't being reflected in the resulting preview! I don't know what I'm doing wrong. I didn't delete any essential code, like "solid."

Jason Anders
Jason Anders
Treehouse Moderator 145,860 Points

Have you refreshed your browser window. (This is the most common reason). When using Workspaces, it is good practice to always close the browser window the preview is in. This way when you click preview again, you are getting a fresh adaptation of the code. If this doesn't work, try clearing the browser cache.

I used to use Firefox (and still do for normal internet use), but for coding and Treehouse lessons, I find that Chrome (specifically the Dev Tools in Chrome) and way better suited to coding and learning.

If you would like, here is a more advanced color picker that also provides hex codes for the palette shades of your selected color. It is made by Adobe

:)

Thanks again! I'm trying to get permission to install Chrome. :-) When I've used Workspaces in Chrome on my own laptop, I have no problems. Is there any chance it could be a Mac issue? This computer is a Mac.

Jason Anders
Jason Anders
Treehouse Moderator 145,860 Points

I don't believe so. I only use Macs, and I've still found a few differences using Treehouse when using Chrome vs Firefox. So, I think it is just a browser thing. :confused:

Ok, just wanted to make sure. Everything is working in Chrome! Thanks so much for your help!