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

Nicolas Torres
Nicolas Torres
1,607 Points
Posted by Nicolas Torres
Nicolas Torres
1,607 Points

All of my CSS is disabled when I make one change to the child theme css.

When I add one change to the CSS of my Brood child theme all of the css for my test site gets disabled. I followed all of the instructions precisely but this keeps happening. Can you only edit certain themes? The theme I am trying to edit is Brood.

3 Answers

Steven Parker
Steven Parker
231,084 Points
Steven Parker
Steven Parker
231,084 Points

A syntax error might invalidate the entire CSS file.

I would look first for a missing or extra brace.

Share your code to enable analysis and a more complete answer. A link to an external REPO or workspace snapshot might be best if you don't have it online.

Nicolas Torres
Nicolas Torres
1,607 Points
Nicolas Torres
Nicolas Torres
1,607 Points

Yes I was missing a bit of code but it was the semi colon at the end of the @import "../brood/style.css";. Thats all working now thanks!

Jacob Mishkin
Jacob Mishkin
23,118 Points
Jacob Mishkin
Jacob Mishkin
23,118 Points

With out looking at your functions.php file, I would say that you have an enqueuing issue. I take it you are adding CSS to the child theme Style.css file? I would suggest is that you @import the parent themes styles into the style.css file, then enqueue a separate style.css file. Are you using Sass or vanilla CSS? I would also recommend reviewing child themes and how they are scoped. Do you have the correct info in the comment in style.css? If you need help please let us know.

Nicolas Torres
Nicolas Torres
1,607 Points
Nicolas Torres
Nicolas Torres
1,607 Points

Just fixed this the problem was that I missing the semi colon at the end of the @import "../brood/style.css";. Thats all working now thanks!