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

WordPress

When Im creating a "childtheme" at WPress, where do I get my style.css doc. predeterminated to put in my new child file?

Dont know where I get the style.css and screenshot.png predeterminated for my "childtheme" file as you show in the video. Thanks.

7 Answers

Don Shipley
Don Shipley
19,488 Points

go under wp_content themes create a folder yourchildtheme or what ever you like to name it. save a file inside the folder style.css with the childtheme

example for wordpress.org

Theme Name: Twenty Fourteen Child Theme URI: http://example.com/twenty-fourteen-child/ Description: Twenty Fourteen Child Theme Author: John Doe Author URI: http://example.com Template: twentyfourteen Version: 1.0.0 Tags: light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready Text Domain: twenty-fourteen-child */

@import url("../twentyfourteen/style.css");

/* =Theme customization starts here

Thank you, but what happens if im not using Twentyfourteen Theme.

Im using another theme. I dont know, where they take at the video, the style.css predeterminated and the screenshot.pnj predeterminated too..

Hope I explain my self. Thanks.

Don Shipley
Don Shipley
19,488 Points

You need to change the name to the child theme you are using. Let say it is the to where the css file is located @import url(''../themefolder/style.css");

Yes I did that... . but in the video they show they get this two documents (style.css and screenshot.png) from another folder they dont show where they get from. I would like to know that.. because the sreenshot.png and the others files I can't do them manualy.

Thanks for your time.

Josefina

Bob Sutherton
Bob Sutherton
20,160 Points

The style.css file is brought from the parent theme into the child theme by using the @import method.

/*
Theme name: This is where you name your child.
Template: theme-name (must match the parent folder name)
*/

@import url(''../themefolder/style.css");

Then save this as a style.css file in your child theme folder.

Thanks...

And the sreenshot.png where I take from ? (and the others files I would need that the video dont show where them take from)

Bob Sutherton
Bob Sutherton
20,160 Points

The screenshot is not absolutely necessary for a child theme. It just makes it look nicer in the WordPress admin area. Treehouse has created one for the "twenty-whatever" theme they use in this video. You should find it in the project files. However, if you are not using the "twenty-whatever" theme then you would have to create your own screenshot file. Again, it's not necessary.

Short answer: The project download, below the video.

Thanks James!