JD Austin template powered by powerful CSS framework Bootstrap 4 and Joomla framework Helix Ultimate which increase its usability and flexibility. With the help of JD Austin, you can develop a website for a product launch, design a sale page, an app launch page, or a service page. Moreover, its multipurpose look and feel allow you to set up any website within few minutes.
If you want to recieve automatic updates for this template and don't want your customizations to disappear, we recommend adding new files for your custom code and NOT modifying the existing core files.Create a new file and write all the custom code in that file. So when there are updates, your custom work will stay and you can stay up-to-date with the latest version of the template as well..
Click here to know how to add custom CSS/JS file
Installing Template & Quickstart
Please click here to see in details how to install Joomla Template and QuickStart Packages.
Austin comes with 1 color preset, which allows you to change the styling choices like Background Shading, Text shading, Hover shading, Drop down menu shading. By enabling “Custom Style” you can choose your own main colors.
Menu Settings allows styling of our menu's in different visuals. Provided screenshot below explains about different options we can select from to customize our menu.
1. Mega Menu:
We can easily create and customize Mega Menu for our website with modules inside, you can add rows, columns, links and more to a mega menu it also provide drag and drop menu building system.
Basic settings includes follwing options.
Here you can set or upload a logo (image or text) Including mobile logo for your site. Allows to adjust the logo height and can add SVG logos as well.
Here you can set header height, decide whether the header will be sticky or not, and can upload a favicon 16px x 16px .png or .gif image that will be your favicon.
Why use sticky header?
To provide better usability to the user. With sticky header, it's easy to navigate from one to another when you have a menu and the logo always on top of the screen.
We can manage the sticky header with one click. If we don't need (header) to scroll down with the page. There is an option in the backend where we can turn off/on the header with single a click.
A favicon is included in the header. Must be wondering what favicon is?
Favicon is a small icon on the top of every website basically found in the URL tab. It's associated with the website planned to be used when we bookmark our page.
How we replace default Joomla favicon. We need to upload ico, gif or png graphic file for it.
Here you can Enable or Disable the website preloader, decide site layout between boxed and wide.
Enabling Boxed Layout option, allows to customize the boxed layout appearance i.e. Background Image, Background Repeat, Background Size, Background Attachment, and Background Position.
Boxed Layout (if No) is perfect for you, if you like airy websites, with no visible borders or page edges. A Boxed Layout (if Yes) is a form of layout where the boundary of the main body is clearly defined and you can choose to have the background be a custom image.
Austin allows adding any social network link with the icon. You have the one more icon that is the Custom if we wish to add a custom link. you can drag the cursor over to see the description or little steps describing how to add.
We can also add the contact information anywhere on the website depending on the module position we select from, which include a phone number and e-mail address.
Austin introduces a Coming Soon page which allows you to display a stylish page indicating that your site is either being worked on or under construction.
Error Page implies that asked for a page that does not exist. This could be on the grounds that client has entered the wrong URL or that the address that client have asked for references assets that have been moved.Another probability is if a site has moved a page or asset yet did as such without diverting the old URL to the new one, particularly after relocation. At the point when that happens, you'll get a 404 mistake as opposed to being consequently steered to the new page. Presently you can help a tiny bit more yours "lost" clients.
Also, you can add module using " 404" position.
All you have to do is add a new module(s) and publish it on " 404" position. It can be very useful because you can add their search module, menu or custom code module.
At this moment utilizing Google Font is significantly much simpler we additionally want to present an " Update Font List" feature. It enables us to revive the list Google text styles. So if there are any new ones, this catch enables you to update fonts with just one click and all new ones will be automatically added in the template.
Typography settings enables you to pick font and its settings for extensive HTML tags: body, h1, h2, h3, h4, h5, h6 and navigation. All settings are from layout settings, so we have now a simple and productive approach to insert Google font to our site with a couple clicks of our mouse.
Custom font allows us to use custom Google font for selected CSS selector. We just need to turn on an option from font settings.
We can simply customize template built for Joomla with our own custom code, for example, CSS, JS, meta tags, links and verification code by using the custom fields in that section of settings.
Before < / h e a d >
The Final result on front-end HTML5 code generated by browser engine. That line you can see on the image below was put by Austin engine before ending < / h e a d > section and before < b o d y > will start, it means it's fully W3C correctly solution.
Before < / b o d y >
Any code you place here will appear in the bottom of the body section of all pages of your site. This is useful if you need to input a tracking code for a state counter such as Google Analytics or Clicky.
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.7 website.
You can use custom CSS to add your own styles or overwrite default CSS of a template or extension. This option is good small changes in the stylesheets. For more extensive changes (more than 10 lines of code) we suggest to using the custom.css file.
As you can see CSS code was added in Custom CSS section and what is more important is it works smoothly.
Note! Please do not edit the template.css, any other CSS file from the Austin template. The reason being that all of your changes will be overwritten by template engine. Instead, we suggest using a custom.css file where you can override the default CSS code.
This segment of 'Austin' settings enables us to lessen the size of loaded template files. By speeding up a template, we offer a superior better experience for our clients, enhance your page speed and make your CMS seem more steady and expert.
In addition, do not enable this option in a development period.
Compile SCSS to CSS
SCSS is fully reconcilable with the syntax of CSS. When we enable this option, It will compress all SCSS files during each load of your website if the SCSS file has been changed or edited.
Layout - Module Positions
The following screen-shot highlights the default layout module positions that we used in current template. By using Layout builder in Helix ultimate users will be able to move positions or change their size in the grid. Our in-build layout builder from template settings provide the opportunity to add new positions, columns, rows wherever you need as much as moving elements.
How to add Custom CSS & Custom JS File
Go to template directory and find css/js folder and create a new file i.e(custom.css) - i.e(custom.js).
How to remove white space from a page?
Just add a simple class under Page Display tab.
- 1) GO to Menu > Select the menu item
- 2) Find Page Display Tab
- 3) Add a class in Page Class:
- 4) At last save and close
Google Map API
If you want to personalize Google map for your website, please follow our recent article here>
Need More Help?
If you couldn't find an answer for your question in this documentation, feel free to contact us. For technical support, you can contact us via forum here
We’re in UTC +05:30 (Indian Standard Time) and we aim to answer all questions within 8 hours in weekdays. In some cases, the waiting time can be extended to 24 hours. Support requests sent during weekends or public holidays will be processed on next Monday or the next business day.
Once again, thank you so much for purchasing this theme. As said at the beginning, we'd be glad to help you if you have any questions relating this theme.