Child Themes

Add, override or extend anything without the risk of losing your customizations when updating.

A child theme has its own theme folder, side by side with the yootheme theme folder. It contains only your modified files and otherwise inherits the styling and layout of its parent theme. Using a child theme ensures your modifications are not lost when updating the parent theme. Typical use cases are:

Create a Child Theme

Open the templates directory in your Joomla installation and create your own folder yootheme_NAME, for example yootheme_mytheme. The suffix will be the name of your child theme.

Now open YOOtheme Pro inside the Joomla administration and go to Settings → Advanced. Here you can select your newly created child theme. Hit Save afterwards and refresh the browser window.

Select a Child Theme

Note A YOOtheme Pro child theme does not have its own settings. You can enable or disable the child theme, but the theme settings will stay the same. To have different settings, create a new template style in Joomla and select the child theme there.

When not to Use a Child Theme

Many customizations can be made from within YOOtheme Pro, like modifying the theme style in the style customizer.

To add custom JavaScript, CSS or LESS, go to the Settings → Custom Code panel in YOOtheme Pro. Learn more.

Custom CSS for specific elements in the page builder can be added in the Advanced tab in the element settings. That way your code stays right where it is applied and is also removed whenever you decide to remove the element. Learn more.

YOOtheme Pro Documentation