Join Morten Rand-Hendriksen for an in-depth discussion in this video Changing existing styles, part of WordPress: Building Child Themes.
- View Offline
- Let's change the appearance of our site…using our new child theme.…Here it's important to remember that anything you see…on the site, so any page, any post, any content, any item,…any button, any image, anything can be changed using CSS.…Although it's available to you,…you just have to know how to get to it.…In this example, we're going to change the appearance…of the site title and site tag line.…I want the site title to have a lighter font…and I want the site tag line to be italicized.…Now this can't be controlled through the customizer…so we need to do it in the child theme instead.…
To get to either one of the items,…we first hover over it and right click…and then Inspect Element.…This takes you to the currently focused item…and then the case of a link…that will always be the actual link itself of the anchor.…But when you go and look down at the Styles Inspector,…you can see that the anchor is not actually…what's controlling how the site title appears.…That means we may have to click around a bit…to find out what actually controls it…
WordPress: Building Child Themes opens the world of child theme development to anyone, no matter what level of experience or expertise. It helps you build your child theme on top of an existing properly coded foundation, and create stylish new WordPress sites—without the advanced knowledge of a web developer. Morten Rand-Hendriksen explains how to get started picking a parent theme, updating the CSS, creating a new template for your child theme, and updating its functionality. By the end of this practical, project-based course, you should have a functioning child theme and the skills to quickly customize your next WordPress site.
- What is a child theme?
- Creating and activating a child theme
- Overriding or overwriting?
- Changing existing styles
- Adding new styles
- Creating templates for the child theme
- Adding new menus and widgets
- Replacing custom web fonts