Solved

child theme wrecks display

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

Expert Comment

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

HTH,
Dan
0
 

Author Comment

by:jagguy
Comment Utility
yes it exists in same dir as twentyfourteen

i followed this.

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

Accepted Solution

by:
Dan Craciun earned 500 total points
Comment Utility
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

Highfive + Dolby Voice = No More Audio Complaints!

Poor audio quality is one of the top reasons people don’t use video conferencing. Get the crispest, clearest audio powered by Dolby Voice in every meeting. Highfive and Dolby Voice deliver the best video conferencing and audio experience for every meeting and every room.

Join & Write a Comment

CSS is a visual language used to classify objects and define rules about how they should be displayed. CSS skills aren’t restricted to developers anymore, there is a big benefit to having a basic understanding of the language, regardless of your occ…
This article discusses four methods for overlaying images in a container on a web page
The viewer will learn how to dynamically set the form action using jQuery.
The viewer will learn how to count occurrences of each item in an array.

771 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

Need Help in Real-Time?

Connect with top rated Experts

14 Experts available now in Live!

Get 1:1 Help Now