Want to protect your cyber security and still get fast solutions? Ask a secure question today.Go Premium

x
?
Solved

child theme wrecks display

Posted on 2014-03-15
3
Medium Priority
?
569 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
  • 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 2000 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

Independent Software Vendors: We Want Your Opinion

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

Question has a verified solution.

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

This article discusses four methods for overlaying images in a container on a web page
There are times when I have encountered the need to decompress a response from a PHP request. This is how it's done, but you must have control of the request and you can set the Accept-Encoding header.
The viewer will learn how to count occurrences of each item in an array.
The viewer will learn how to create a basic form using some HTML5 and PHP for later processing. Set up your basic HTML file. Open your form tag and set the method and action attributes.: (CODE) Set up your first few inputs one for the name and …
Suggested Courses

580 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