Creating a child theme

  • I need some help on adjusting my header (to many meny buttons for one line) and was told to create a child theme. I have read the how-to on making a child theme but:

    “Making a child theme is very simple. Create a directory, put a properly formatted style.css file in it, and you have a child theme!”

    How do I do this?
    (Yes I am new to HTML and wordpress)

Viewing 11 replies - 1 through 11 (of 11 total)

  • simply copy the parent theme’s style.css to your child theme folder
    then – adjust the newly copied style.css
    back up any file before making changes

    Thread Starter bellaa

    (@bellaa)

    I understand this is to be done in the directory file on my computer.
    I had wordpress installed externally (by a webcompany) and therefore I only got the link to start using wordpress.

    Do I need to “enter” my webhotell and do it in the diretories there?

    Do I need to “enter” my webhotell and do it in the diretories there?

    yes – you will put the child theme in the /wp-content/themes/yourchildtheme folder

    tigtog

    (@tigtoggmailcom)

    That’s the old skool (proper) way to do things. Here’s a workaround for newbies who haven’t done webmaster stuff before:

    * create a folder on your computer called ‘mychildtheme’ (whatever you want to call it)

    * create the “properly formatted” style.css file as laid out in the how-to i.e. make sure that you add the relevant import-css line that calls the parent theme’s stylesheet.

    * make a .zip of that file ie mychildtheme.zip

    * go to Appearance >> Themes >> Install New >> Upload and upload the mychildtheme.zip file (make absolutely sure that the parent theme is already installed)

    * Activate the child theme. If you’ve got the stylesheet properly formatted, it should all work.

    Thread Starter bellaa

    (@bellaa)

    Tigtog – Where can I find how to create the propely formatted style.css file?

    tigtog, thank you so much for the “child theme for dummies” version! so much easier!!!

    now to change my content and side bar widths…. I want less margin on the sides of the page and to make both my content and rt sidebar wider. Any help for that now that I can mess with it in the child theme?!

    tigtog

    (@tigtoggmailcom)

    @bellaa, if you type ‘creating a child theme’ in the search box at the top of this page, the WordPress Codex will deliver what you need regarding the “properly formatted” styesheet.

    @4our2cents, you need to copy the relevant lines from the parent-theme stylesheet to your child-theme style-sheet and then adjust them as needed – the child-theme changes will over-ride the parent-theme defaults.

    P.S. If you’re not doing this in the Firefox browser with the Firebug add-on installed, it’s going to take you longer. Take a few minutes to install both and you’ll save oodles of time.

    I spoke too soon! So using the zip file to add the theme worked well. But I think I must not have created the style.css right beacuse the pasge is all out of wack when I active the child. here is what I used
    /*
    Theme Name: Graphene Child
    Description: Child theme for the Graphene theme
    Author: mary
    Template: graphene
    */

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

    #site-title a {
    color: #009900;
    }

    working on previewdns site at https://www.4our2cents.com.previewdns.com

    I think you may have an issue with nested fgolders or something

    when I go to
    https://4our2cents.com.previewdns.com/wp-content/themes/graphenechild/style.css

    Your stylesheet will not load

    but
    https://4our2cents.com.previewdns.com/wp-content/themes/graphene/style.css

    Loads the parent themes style.css

    So since your child theme style.css won’t load, it never tells the browser to load the parent

    I’m wondering if you accidentally have your style.css in a folder, inside another folder or something

    Ho do you create a .css file? Do you need specific software?

Viewing 11 replies - 1 through 11 (of 11 total)
  • The topic ‘Creating a child theme’ is closed to new replies.