How to Customize a Parent Theme in WordPress

By Lisa Sabin-Wilson

Your TwentyFourteen Child theme is set up to match the Twenty Fourteen parent theme in WordPress. Now you can add new styling to the TwentyFourteen Child theme’s style.css file. A simple example of how customizing works involves adding a style that converts all h1, h2, and h3 headings to uppercase:

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

Check out how the child theme looks with the CSS style additions applied — it’s a very subtle change in this theme, but you will see that the site title and tagline are now all uppercase.

image0.jpg

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 was it quick and easy to do, but also you didn’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 having to make your modifications again.

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