You can easily customize template built for Joomla 3.4 with your own custom code, for example: CSS, JS, metatags, links and verification code by using the custom fields in that section of settings.
Final result on front-end HTML5 code generated by browser engine. That line you can see on image below was put by Helix3 engine before ending < / head> section and before < body> will start, it means it's fully W3C correctly solution.
This is useful if you need to input a tracking code for a statistics counter (such as Google Analytics(GA), Piwik, Woopra or Clicky. This tracking code will be available on every page of your Joomla 3.4 web site.
In all templates based on Helix3 you will find following field (image below) which allows you to add basic custom CSS code directly into template code without using any external file link. Just paste your styles for class'es or ID's or HTML tags to override default style based on template. It's good solution for small amount of css code.
We always recommend inspecting a web page with a tool like FireBug or the inspector built into Chrome/IE/Firefox browser when looking to customize CSS. When you inspect the code output directly with one of this tools it will show you exactly what CSS is affecting the HTML element you want to change. You can also test out what CSS changes will affect the element as well live in the browser.
As you can seen CSS code was added in header section of front-end code and what is more important is works smoothly.
Using Custom CSS gives you the power to create your unique design and allow you customize the appearance of selected elements (colors, size etc.). If this field is too small for your advanced changes you can use "hidden" feature.
Note! Please do not edit the template.css, legacy.css any other css file from the Helix3 template framework. The reason being that all of your changes will be overwritten by template engine. Instead, we suggest to use custom.css file where you can override the default CSS code created by the our team.
So if you need custom code please create a new custom.css file in insert inside css folder of Jobi template.
An alternative solution is putting custom.css into the Jobi directory: templates/jobi/css/
If the custom file will be found in the above directory then it will be loaded and applied.
Note! custom.css file is loaded before custom css code from template settings, it means that second one may override everything, also that file with styles.