Solved

child theme wrecks display

Posted on 2014-03-15
3
560 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

Ready to get started with anonymous questions?

It's easy! Check out this step-by-step guide for asking an anonymous question on Experts Exchange.

Question has a verified solution.

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

Since pre-biblical times, humans have sought ways to keep secrets, and share the secrets selectively.  This article explores the ways PHP can be used to hide and encrypt information.
3 proven steps to speed up Magento powered sites. The article focus is on optimizing time to first byte (TTFB), full page caching and configuring server for optimal performance.
The purpose of this video is to demonstrate how to add AdSense Ads to a WordPress Website, and how to set up WordPress to automatically place Ads in Sidebars. This will be demonstrated using a Windows 8 PC. Log into your AdSense account. : Cli…
The viewer will receive an overview of the basics of CSS showing inline styles. In the head tags set up your style tags: (CODE) Reference the nav tag and set your properties.: (CODE) Set the reference for the UL element and styles for it to ensu…

635 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