• I’ve created a child theme for the Tempera template. I followed the tutorial exactly, but I don’t see the child theme in my Themes. Does it matter that my site is not located in the root directory?

    Also, I tried uploading it as a .zip which did work, but the @import didn’t import the parent theme.

    Here is my code:

    /*
    Theme Name: Olio Child Theme for Tempera
    Description: This is a Child Theme of Tempera for The Olio
    Author: Dawn Leonard
    Author URI: https://www.dawneleonarddesign.com
    Template: tempera
    Version 1.0
    */
    
    @import url ("../tempera/style.css");

    Thanks for any help.

Viewing 7 replies - 1 through 7 (of 7 total)
  • Hello,
    You code is working fine on my wordpress installation. You need to check for permission on your folder over server. If your is addressed as broken theme. Then, follow these simple steps.

    • Delete theme from your webserver using any mean FTP or Web based file manager.
    • Go inside of folder where you are developing your theme. Select all file and compress it with .zip extension.
    • Then, upload theme on you webserver using theme. Dashboard inbuilt theme installer.
    • It will automatically in copy to your wordpress installation, to fulfil dependency of child theme. Otherwise, you will have to do on your own

    Hello there,

    It doesn’t matter where your site is located. You have to follow undermentioned steps to create child theme:

    1. Create a new folder in the same directory where “Tempera” theme is placed. And change it to any desired name.

    2. Copy style.css file from “Tempera” theme and paste it to your child theme.

    3. Open style.css of child theme folder. You have to mention 3 important things here

    a. On the top in the comment section-
    Theme Name: (Name of your child theme folder)
    b. Template Name: (Name of your parent theme that is “Tempera”)
    c. Add this, where your comment section ends-
    @import url(“../tempera/style.css”);

    (This is the stylesheet path of your parent theme. Please ensure this is exactly same).

    Thread Starter sridawn

    (@sridawn)

    I figured out the main problem: the directory tempera-child was inside of the tempera directory but it needs to be at the same level. Also, removing the space between ‘@import url’ and ‘(“..’ was affective in loading SOME of the parent theme. So now I’m more confused.

    Why did only some of it import? There is no header or background image, and the menu doesn’t load properly, among other things. But it IS reading the child theme instructions (just H1 settings at this point).

    Since your child theme was formerly in the parent theme folder, the URL for the images may now be incorrect and would need to be corrected.

    @cmshelplive.com,
    Do you know that your username and display name is violating forum rules.

    Thread Starter sridawn

    (@sridawn)

    when using the @import url(“../tempera/style.css”) should the child theme directory be on the same level as the parent, or should it be inside the parent theme directory?

    The child theme directory must be on the same level as the parent theme directory!

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Child theme not appearing in themes options’ is closed to new replies.