How to customize TheGem theme using child theme?

TheGem is very versatile WordPress theme with many settings and configuration options built in the theme so actually any customization tasks can be performed using these settings and tools. However, sometimes, you could need some very specific customization which might be not covered by TheGem settings out-of-the-box. In this case you would need to add some specific custom code or modify the existing code of TheGem theme.

All theme code modifications and customizations should be performed using the child theme. This is the only way to ensure that all your custom code will remain after the next theme update.

Check this article on how to install TheGem child theme.

TheGem Elementor

Almost all files in the wp-content/themes/thegem-elementor/ folder (this is the folder of the main parent theme) can be modified via the child theme.

For example you wish to customize the built-in header template. In this case simply copy the "header.php" file from "wp-content/themes/thegem-elementor/header.php" into "/wp-content/themes/thegem-elementor-child/header.php" and you can start to customize this template.

Following files cannot be modified via the child theme:

  • functions.php
  • style.css
  • wishlist.css
  • wpml-config
  • screenshot.png

TheGem WPBakery

Almost all files in the wp-content/themes/thegem/ folder (this is the folder of the main parent theme) can be modified via the child theme.

For example you wish to customize the built-in header template. In this case simply copy the "header.php" file from "wp-content/themes/thegem/header.php" into "/wp-content/themes/thegem-child/header.php" and you can start to customize this template.