Solved

child theme wrecks display

Posted on 2014-03-15
3
558 Views
Last Modified: 2014-03-15
Hi,

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:      https://wordpress.org/themes/twentyfourteen
 Description:    kjh
 Author:         jklj
 Author URI:     http://127.0.0.1/wordpress/
 Template:      twentyfourteen
 Version:        1.0.0
*/
 
@import url("../twentyfourteen-child/style.css");
 
/* =Theme customization starts here
------------------------------------------------------- */
0
Comment
Question by:jagguy
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 2
3 Comments
 
LVL 35

Expert Comment

by:Dan Craciun
ID: 39931182
Check if the file "../twentyfourteen-child/style.css" exists.

HTH,
Dan
0
 

Author Comment

by:jagguy
ID: 39931184
yes it exists in same dir as twentyfourteen

i followed this.

http://www.elegantthemes.com/blog/resources/wordpress-child-theme-tutorial
0
 
LVL 35

Accepted Solution

by:
Dan Craciun earned 500 total points
ID: 39931189
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
/public_html/wp-content/themes
/public_html/wp-content/themes/twentyfourteen
/public_html/wp-content/themes/twentyfourteen-child
etc

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.

HTH,
Dan
0

Featured Post

Salesforce Has Never Been Easier

Improve and reinforce salesforce training & adoption using WalkMe's digital adoption platform. Start saving on costly employee training by creating fast intuitive Walk-Thrus for Salesforce. Claim your Free Account Now

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Build an array called $myWeek which will hold the array elements Today, Yesterday and then builds up the rest of the week by the name of the day going back 1 week.   (CODE) (CODE) Then you just need to pass your date to the function. If i…
This article describes how to create custom column layout styles for Bootstrap. The article uses 5 columns to illustrate the concept, but the principle can be extended to any number of columns.
The purpose of this video is to demonstrate how to update a WordPress Site’s version. WordPress releases new versions of its software frequently and it is important to update frequently in order to keep your site secure, and to get new WordPress…
The viewer will learn how to dynamically set the form action using jQuery.

751 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question