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
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?!
@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 http://www.4our2cents.com.previewdns.com
I think you may have an issue with nested fgolders or something
when I go to
http://4our2cents.com.previewdns.com/wp-content/themes/graphenechild/style.css
Your stylesheet will not load
but
http://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?
