My child theme for Twenty Twelve does not inherit styles from parent

  • Resolved ncssta_admin

    (@ncssta_admin)


    10 years, 9 months ago

    I am so frustrated! After messing with my header file in Twenty Twelve, I decided to brave creating a child theme for it. I’ve done this before but it was a long time ago.

    I followed the instructions and created a new directory called twentytwelve-child in my wp-content/themes directory. I created a file called in my new directory called style.css and pasted the following code in it:

    ‘*
    Theme Name: Twenty Twelve Child
    Description: Child theme for the Twenty Twelve theme
    Author: Cathleen Phelps
    Template: twentytwelve
    Version: 0.1.0
    */

    @import url(“../twentytwelve/style.css”);’

    When I go to the Appearance/Themes area of my dashboard, I can see my child theme but the thumbnail is a blank square. When I live preview or activate the theme, the formatting is all ugly and not at all like the parent, Twenty Twelve. You can see my ugly site here: http://ncsstacrew.org/

    Where is my error? I can’t find it! I am going crazy and have already spent far too long messing with it. I feel like I had this problem last time but it was so long ago I can’t remember how I fixed it. Also, I am having a problem with the image slider in my header blocking the rest of my page. Ignore that….awaiting response from plug-in developer on that one.

    Thank you for your help,
    Cathleen

Viewing 4 replies - 1 through 4 (of 4 total)
  • paulwpxp

    (@paulwp)

    10 years, 9 months ago

    This is what you have

    *
Theme Name:     Twenty Twelve Child
Description:    Child theme for the Twenty Twelve theme
Author:         Cathleen Phelps
Template:       twentytwelve
Version:        0.1.0
*/

@import url("../twentytwelve/style.css");

    The first line is missing a slash

    It should be this

    /*

    not this

    *
    esmi

    (@esmi)

    10 years, 9 months ago

    the thumbnail is a blank square

    Just drop a copy of the parent theme’s screenshot.png file into the child theme’s folder for now. You can update the screenshot at a later date, if you want.

    the formatting is all ugly

    You’re missing a leading / before the first * in your child’s stylesheet which is invalidating the whole stylesheet. Try:

    /*
Theme Name: Twenty Twelve Child
Description: Child theme for the Twenty Twelve theme
Author: Cathleen Phelps
Template: twentytwelve
Version: 0.1.0
*/

@import url("../twentytwelve/style.css");
    Thread Starter ncssta_admin

    (@ncssta_admin)

    10 years, 9 months ago

    THANK YOU! I knew it was something stupid and small that I just couldn’t see. It’s perfectly lovely now. Thank you for your help,
    Cathleen

    esmi

    (@esmi)

    10 years, 9 months ago

    It foxed me at first too. Glad I was able to help 🙂

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘My child theme for Twenty Twelve does not inherit styles from parent’ is closed to new replies.