Creating my own theme

3.5.1. Latest version

Try re-uploading all files & folders – except the wp-content folder – from a fresh download of WordPress. Make sure that you delete the old copies of files & folder before uploading the new ones.

FWIW, I have the theme running on 3 local dev sites and one publically accessible site (blackwidows.co.uk/clients/wp/) – all running 3.5.1 and ZenLite 4.9,

It works:) Thanks

When I install my own child theme, how does wordpress know its a child theme?

By the comment on top of the new CSS file?

By the comment on top of the new CSS file?

Yep. The important line is Template: zenlite where zenlite is the folder name of the parent theme.

Thanks, now I can start editing. Do you recommend creating a complete new style.css file, or use the style.css from the parent theme and adjust that one?

Always start with a blank style.css in the child theme (apart from the comment block and the @import line at the top, of course) and just add your custom CSS changes to the child’s style.css file.

Why use the @import line? In that parent CSS file there are already visuals like pictures. What if i wan’t to use another picture?

Or is it like, if I add CSS beneed @import, it overwrites the other CSS file?

Why use the @import line?

So you do not have to replicate all of the parent’s CSS and gain greatest benefit from any changes when the parent theme is updated.

What if i wan’t to use another picture?

So over-write that bit of CSS in your child theme and point to another image.

Or is it like, if I add CSS beneed @import, it overwrites the other CSS file?

Bingo! ??

Haha, alright, thank you:) But now remains the question for me, how do I know the names of different parts of the website, so I can refere to them in CSS and make changed to them? Should I also keep the parents CSS open at the same time?

And what if I want to add DIV’s or other elements? Can I just do that in the index.php and header.php?

How do I know the names of different parts of the website, so I can refere to them in CSS and make changed to them

Try using Firefox with the Firebug add-on for this kind of CSS troubleshooting. Or use whatever developer tool is available in your web browser. These tools will help you to locate which CSS in the parent theme needs to be changed and, by implication, what CSS you need to add to the child to over-write it.

And what if I want to add DIV’s or other elements?

You first need to locate which template file needs customising and then make a copy of that file in the child theme. Then you can start editing the child’s copy of the relevant file. But be warned – this will involved PHP at some point.

Thanks, Ill give it a go:)

The image don’t work. It says image isnt found on server. While the image actually is in the image map on my database FTP server. What could cause that?

Solved it, is was linked to child/image, while the images are in parent/image.

Where Im running into now is, in the child style.css i’ve added a line. But the website is still using the old on.

#header-image {
background-image: url(“https://toroslocos.nl/wp-content/themes/zenlite-child/images/banner.jpg”);
}

#header-image {
background-image: url(“https://toroslocos.nl/wp-content/themes/zenlite-child/images/bgimage.jpeg”);
height: 350px;
}

The upper one is being used while the latter one is in my style.css file.