child theme wrecks display


I am testing a child theme on twenty fourteen. The child theme picks up but wordpress wont display properly now  as all the styling is gone.
The child theme just contains the below which should have no effect on the wordpress default of twenty fourteen

 Theme Name:     myChild Theme
 Theme URI:
 Description:    kjh
 Author:         jklj
 Author URI:
 Template:      twentyfourteen
 Version:        1.0.0
@import url("../twentyfourteen-child/style.css");
/* =Theme customization starts here
------------------------------------------------------- */
Who is Participating?
Dan CraciunConnect With a Mentor IT ConsultantCommented:
If it's in the same folder as twentyfourteen (presumably ../twentyfourteen/) it's not in ../twentyfourteen-child/style.css

The folder structure should be something like this

In your new folder (twentyfourteen-child) which should be empty, you create a style.css file where you import the styles from the mother style.

So instead of @import url("../twentyfourteen-child/style.css"); - which creates a circular reference
you use @import url("../twentyfourteen/style.css");

And then override the declarations as needed.

Dan CraciunIT ConsultantCommented:
Check if the file "../twentyfourteen-child/style.css" exists.

jagguyAuthor Commented:
yes it exists in same dir as twentyfourteen

i followed this.
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.