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![](https://ecs-static.teamtreehouse.com/assets/views/marketing/shared/community-banner-white-47072046c51352fe6a69f5e691ff5700b28bb11d45197d7bdf066d9ea3f72d0c.webp)
![Michael Hanna](https://uploads.teamtreehouse.com/production/profile-photos/4523082/micro_MichaelHanna_headshot1-2kx2382.jpg)
Michael Hanna
17,649 PointsHover styling no longer works after removing temporary css
When I remove the temporary styling from front-end.php (just three rules we had at the top of the file), the hover functionality goes away. The new CSS file is more complicated, so I haven't been able to determine which rule or rules is missing. Almost all of this code is cut and paste from the project download files, so I'd be surprised if the error is in there (otherwise people would have asked about it). That being said, I've double checked to make sure I've cut and pasted correctly, and I have. Any ideas?
2 Answers
![Amy Burrows](https://secure.gravatar.com/avatar/8fca1e20eb162e36c54fec578b7f1df6?s=96&d=https%3A%2F%2Fecs-static.teamtreehouse.com%2Fassets%2Fcontent%2Fdefault_avatar-445fbbabfc8dc9188fb5967fe43322ee0c3e0dd1e10f378bf8343784af5a13eb.webp&r=pg)
Amy Burrows
11,362 PointsI had the same problem so I added a display value of "block" to the hovered list element in the new main css file (.wptreehouse-badges li:hover .wptreehouse-badge-info). That works. It's just missing, I think.
![Amy Burrows](https://secure.gravatar.com/avatar/8fca1e20eb162e36c54fec578b7f1df6?s=60&d=https%3A%2F%2Fecs-static.teamtreehouse.com%2Fassets%2Fcontent%2Fdefault_avatar-445fbbabfc8dc9188fb5967fe43322ee0c3e0dd1e10f378bf8343784af5a13eb.webp&r=pg)
Amy Burrows
11,362 PointsSorry! I'd like to back out of my earlier answer and say that the hover effect is actually in the jquery, not the css. So most likely the problem has to do with the way the .js file is linked. I had a mistake in my wp_enqueue_script function and it caused other problems later.
![Phillip Legault](https://secure.gravatar.com/avatar/f089ad74c16ca8b5f79cba8e29776bd7?s=96&d=https%3A%2F%2Fecs-static.teamtreehouse.com%2Fassets%2Fcontent%2Fdefault_avatar-445fbbabfc8dc9188fb5967fe43322ee0c3e0dd1e10f378bf8343784af5a13eb.webp&r=pg)
Phillip Legault
Courses Plus Student 18,888 PointsDid anyone figure out why this is not working?
![Jaymes Young](https://uploads.teamtreehouse.com/production/profile-photos/5286502/micro_IMGP0061.jpg)
Jaymes Young
36,282 PointsAdding display block like Amy suggested, does seem to work, it's doesn't work the way it's supposed to but it works. The transition is missing. However, it doesn't actually fix the problem. My console is telling me that jQuery is not defined.
Amy Burrows
11,362 PointsAmy Burrows
11,362 PointsI had the same problem so I added a display value of "block" to the hovered list element in the new main css file (.wptreehouse-badges li:hover .wptreehouse-badge-info). That works. It's just missing, I think.