How to Customize a Child Theme in WordPress - dummies

How to Customize a Child Theme in WordPress

By Lisa Sabin-Wilson

Once your TwentyThirteen WordPress Child theme is set up to match the parent Twenty Thirteen theme, you can add new styling to the TwentyThirteen Child theme’s style.css file. A simple example of how customizing works is adding a style that converts all h1, h2, and h3 headings to uppercase.

Theme Name: TwentyThirteen Child
Description: my fabulous child theme
Author: Lisa Sabin-Wilson
Version: 1.0
Template: twentythirteen
@import url('../twentythirteen/style.css');
h1, h2, h3 {
text-transform: uppercase;

This is how the child theme looks with the CSS style additions applied — getting better, isn’t it?


As you can see, with just a few lines in a style.css file, you can create a new child theme that adds specific customizations to an existing theme. Not only is it quick and easy to do, but you don’t have to modify anything in the parent theme to make it work.

Therefore, when upgrades to the parent theme are available, you can upgrade the parent to get the additional features without making your modifications again.

More complex customizations work the same way. Simply add the new rules after the import rule that adds the parent stylesheet.