The Templates section within the Dashboard section of your Liveedit website is where you can adjust the coding of your Design Template. Here, you will have access to modify the HTML, CSS, and JavaScript coding of the design template.


In This Article:

Please Note: Adding, editing, or receiving guidance on modifying code within your template is considered an advanced change and falls outside the scope of liveedit’s support. If you are interested in updating your design template, we offer in-house design service. To learn more, submit a ticket.

Advanced Coding Guidelines

  • Design Templates use the Bootstrap framework, which is included by default.
  • Content areas are built with Bootstrap grids.
  • The platform includes jQuery by default; do not load a different version.
  • When adding JavaScript/jQuery under the JavaScript tab, omit <script> and </script> tags as they are already included. 

  • Primary CSS styles are in the Global Styles sheet.

  • Do not remove {liveedit_include}, {$LiveEditMenu}, or {$javascript_data} from the HTML Source tab.

  • Do not place code in the Mobile CSS, Mobile JavaScript, or Mobile Source tabs. This is a feature only used on our, 1.0 platform.


Page Templates

  • Page Templates - Templates that can be assigned to individual pages under the Design tab. For example, your Home page usually has a unique Page Template.
  • Wrapper Templates - Templates used for our integrated pre-built and designed pages, such as the Blog or Recipe pages.
  • Email Template - Templates used for our built-in email marketing service.
  • Global Styles - Site-wide CSS and JavaScript/jQuery 


Within each Page Template, there are 6 or 4 tabs:

  • Source - Main HTML file of a page template.
  • CSS - CSS code that is unique to the page template.
  • JavaScript - JavaScript/jQuery code that is unique to the page template.