We use cookies to enhance your browsing experience, serve personalised ads or content, and analyse our traffic. By clicking "Accept All", you consent to our use of cookies.
Customise Consent Preferences
We use cookies to help you navigate efficiently and perform certain functions. You will find detailed information about all cookies under each consent category below.
The cookies that are categorised as "Necessary" are stored on your browser as they are essential for enabling the basic functionalities of the site. ...
Always Active
Necessary cookies are required to enable the basic features of this site, such as providing secure log-in or adjusting your consent preferences. These cookies do not store any personally identifiable data.
No cookies to display.
Functional cookies help perform certain functionalities like sharing the content of the website on social media platforms, collecting feedback, and other third-party features.
No cookies to display.
Analytical cookies are used to understand how visitors interact with the website. These cookies help provide information on metrics such as the number of visitors, bounce rate, traffic source, etc.
No cookies to display.
Performance cookies are used to understand and analyse the key performance indexes of the website which helps in delivering a better user experience for the visitors.
No cookies to display.
Advertisement cookies are used to provide visitors with customised advertisements based on the pages you visited previously and to analyse the effectiveness of the ad campaigns.
The custom settings provide the ability to customize the look and feel of the site. This article will help you easily customize Helix Ultimate Framework with your own custom code. Inserting custom code before your Joomla website’s </head> and/or </body> tags is a common requirement for a variety of scripts and services.
Before < / head >
Your code in this option will appear in the < head > section of all your web pages. Use this feature when you need to add verification code, extra Meta Tags, HTML Links Tags and other metadata.
Image by Joomshaper
Before < / body >
Your code in this option will appear at the bottom of the body section of all your web pages. Use this feature when you need to input a tracking code for a state counter such as Google Analytics or Clicky.
Image by Joomshaper
Custom CSS
Place your custom code here to add your styles (code tweaks) or overwrite default CSS from a Joomla template or extension. This is only for CSS code. Be useful for small design changes.
Image by Joomshaper
For more extensive design changes, you have to create a new file inside /css folder of template. Because custom.css file doesn’t exist. With this method, you can moves from template-to-template and if something ever goes wrong, you can easily to debug.
Image by Joomshaper
CSS cascades in reverse, that means rules that appear later always take precedence over rules that appear earlier. Hence, any CSS applied to a separate sheet will override the page’s default code.
Custom JavaScript
Place your custom JS code here to inject custom JavaScript to whole website. It loads your custom JS code after all other JavaScript files, so you would be the last one who will affect your website.
Image by Joomshaper
For longer custom JavaScript code, you should use the custom.js file (you have to create a new file inside /js folder of template)
Image by Joomshaper
That’s all! Hope you find this article useful! If you have any question about this tutorial, don’t hesitate to leave a comment below. And don’t forget to share with your friends ! Thanks! ?
We're a Digital Team from EngineTemplate with 5 content experts. Our team has 5 years exp in open source Joomla and WordPress, we make daily blogs and build useful resources for everyone who is having issues with open source while using it.
ET Digital Team
Well this dosent suppor in line snipets!broken the layout!
hi,
Can you submit ticket with details about issue?