Child theme only showing grey page with menu links down the side.

  • Resolved mlphoto83

    (@mlphoto83)


    11 years, 6 months ago

    The site I am trying to apply this to: michellelynnphoto.com

    When I try to make a child theme for twentytwelve it just shows up as a grey page with the menu links from my site aligned down the left side. I have followed the tutorials and still can’t seem to get it to work.

    I am also wondering if it is normal for the wp-content/themes/twentytwelve to only show an ie.css? Since the tutorials reference to have your child theme load the twentytwelve/style.css?

    I found a code to have the menu bar links show below the header.. I tested it in the editor part of twentytwelve since my child theme is not working, and changing the header.php file itself worked.. I changed it back because I have read that updates might mess that up.. I just need to find out what I am doing wrong in regards to the child theme… Below is the text I have loaded in my child theme as per the tutorials..

    /*
    Theme Name: Twenty Twelve Child
    Theme URI: https://example.com/
    Description: Child theme for the Twenty Twelve theme
    Author: Your name here
    Author URI: https://example.com/about/
    Template: twentytwelve
    Version: 0.1.0
    */

    @import(‘../twentytwelve/style.css’);

    I have changed this around as well, as other tutorials recommended changing things a bit.. but none of them show anything but the same grey page with only links…

Viewing 15 replies - 1 through 15 (of 25 total)
  • Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Can you activate your Child Theme?

    Thread Starter mlphoto83

    (@mlphoto83)

    Activated.

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Don’t put the style.css file inside a “css” folder, just put it in the theme folder “twentytwelve-child” itself.

    Thread Starter mlphoto83

    (@mlphoto83)

    Moved the style.css into the folder, deactivated it, refreshed my page and reactivated it but it still looks the same as before.

    Is your file structure correct?

    wp-content
   themes
      twentytwelve
      twentytwelvechild

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    What files do you have in your Child Theme directory?
    Also try deactivating plugins to explore whether any could be responsible.

    Thread Starter mlphoto83

    (@mlphoto83)

    WPyogi – my structure looks like that with the exception of twentytwelve-child instead of twentytwelvechild.

    Andrew, I only have the basic style.css in there. I will test with the plugins now.

    Oops, just found the problem – this line is wrong:

    @import('../twentytwelve/style.css');

    should be:

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

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Impressive ??

    Thread Starter mlphoto83

    (@mlphoto83)

    I changed that but still have the same result :/.. I just can not figure it out.. I do appreciate your help though, thank you guys so much!

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Did you clear your cache?

    Thread Starter mlphoto83

    (@mlphoto83)

    Might it have anything to do with the fact that in the twentytwelve theme there is only ie.css? and no style.css? I hadn’t changed anything in there since I downloaded wordpress.. ? I’m new to this platform so I don’t know too much about what should be where when it is installed.

    Actually, when you change that line, you have to switch to another theme and then back to the child theme in order for it to work – I should have said that above – sorry! (Clearly need more coffee – LOL!)

    And yes, twentytwelve MUST have a style.css file – if it doesn’t, something got moved – so you may want to reinstall it.

    Thread Starter mlphoto83

    (@mlphoto83)

    Ok.. I found the style.css file.. and I reactivated the other theme and back again.. still no luck lol.. Tempted to just adjust the header in the editor and deal with the consequences later.. It makes no sense why this wont work! Errrg.. I look in tons of support topics and still can’t find what might be wrong.. :/..

Viewing 15 replies - 1 through 15 (of 25 total)
  • The topic ‘Child theme only showing grey page with menu links down the side.’ is closed to new replies.