Child Theme Configurator PRO lets you adjust the appearance of installed WordPress plugins by saving CSS overrides in a child theme. Its analyzer indexes theme styles so you can find the rules to change, preview the result, and keep custom styles separate from original theme and add-on files.

Set up the child theme

1. Open the child-theme utilities in the WordPress admin. Multisite users can find them under Network Admin > Themes > Child Themes.
2. Select an installed parent theme or an existing child theme, then run the analyzer to check stylesheet dependencies and configure the child theme.
3. Choose where new styles should be saved: the child theme’s primary stylesheet or a separate stylesheet.
4. Find the styles to adjust, preview your changes, save them, and test the child theme before activating it.

You can make multiple child themes, or configure or duplicate an existing one. The tool can copy parent theme menus, widgets, and Customizer options; copying these options can overwrite options already saved in the child theme.

Find and preview CSS

The analyzer parses the rendered theme’s stylesheets and indexes media queries, selectors, properties, and values. PRO also scans installed extension stylesheets. Search by selector to work on a specific element, or by property and value to find rules shared across selectors. The preview shows how the original styles and your overrides combine before you save.

Edit existing properties, add new ones, or enter raw CSS for new selectors and responsive @media queries. Choose hex, RGBA, or named colors with the Spectrum color picker, and add fallback values for a property. The tool can generate vendor-prefixed properties and CSS gradients. Its gradient controls support two colors without intermediate stops.

Keep custom work in the child theme

Saving overrides to the child theme leaves the parent theme and plugin files untouched. If an update changes the selectors your overrides rely on, review those styles. The configurator can enqueue stylesheets instead of using @import and handles theme and font stylesheets for the child theme.

From the Files tab, you can copy parent templates to the child theme, manage child theme pictures, and export a child theme as a ZIP archive. You can also add web fonts through the Web Fonts tab.

Preview before activation

Use Live Preview to test the child theme before activating it. Some themes do not correctly load parent templates or child stylesheets, which can cause problems after activation. On Multisite, network-enable the child theme before using Live Preview.

The stylesheet parser supports @media and @import; it does not support @keyframes or @font-face rules in the child theme stylesheet. Comments are stripped from generated stylesheet code. For other at-rules, use a separate stylesheet and import it through the Web Fonts tab.