If you want to take your customizations even further and extend our HTML templates, you can do it using our template system.
Extending core templates
By extending the core templates, we mean our framework templates or the Utillz Core plugin.
Copy templates from Utillz Core plugin /utillz-core/templates/[template-name] to your child theme in /templates/[template-name].
Extending the theme templates
Copy templates from the theme /[theme-name]/templates/[template-name] to your child theme in /templates/[template-name].
Do not edit these files within the plugin itself or the main theme, as they are overwritten during the upgrade process and any customizations will be lost. All customizations should be added in your child theme.
Template engine
We are using Blade Templates engine, which is a simple, yet powerful template engine that is included with Laravel framework.
Remember, if you are making any changed to your templates, you need to enable WP_DEBUG mode, in order to flush the templates. Once, you are ready, you can turn it off.
Adding custom CSS code
The CSS (Cascading Style Sheets) code is the way to style your web content. There are different ways to add custom CSS code and override our styles. We recommend using the style.css inside your child theme’s root directory. Find the basics of CSS.
Additionally, you can use the default WordPress option, by going to Appearance Customize Additional CSS. The styles you enter there will be saved to your database.
How to add some extra PHP code
There are tons of WordPress snippets and articles that allows you to add more features to your website, but where to add these? The best place to add such PHP functions is the functions.php file of your child theme, located in the child theme’s root directory.