--- title: How to use our Live Edit Mode in Lay-out & Style description: "In this article we will try to explain how to use our Live interface which can be used for editing your Front end.\nIn here you can change colours etc." --- [Skip to content](https://knowledge.jamezz.com/knowledge/how-to-use-our-live-interface#main-content) English Show submenu for translations [More support](https://knowledge.jamezz.com/knowledge/kb-tickets/new?hsLang=en) Jamezz Open main navigation Close main navigation - English Show submenu for translations - [More support](https://knowledge.jamezz.com/knowledge/kb-tickets/new) How can we serve you? - There are no suggestions because the search field is empty. 1. [Home](https://knowledge.jamezz.com/knowledge?hsLang=en) 2. [FAQ](https://knowledge.jamezz.com/knowledge/faq?hsLang=en) 3. [Layout & Style](https://knowledge.jamezz.com/knowledge/faq?hsLang=en#layout-style) # How to use our Live Edit Mode in Lay-out & Style ## In this article we give you a little bit more information how to use our Live interface which can be used for editing the application. **Step 1** [Login](https://manage.jamezz.com/manager/) in the Jamezz BackOffice. **Step 2** Navigate to the Sales areas tab and filter on the sales area, click on the magnifying glass and after that on the pencil icon to edit this sales area. ![](https://knowledge.jamezz.com/hs-fs/hubfs/image-png-Apr-08-2026-12-23-33-7412-PM.png?width=670&height=107&name=image-png-Apr-08-2026-12-23-33-7412-PM.png) ### ![](https://knowledge.jamezz.com/hs-fs/hubfs/image-png-Apr-08-2026-12-24-16-5950-PM.png?width=670&height=105&name=image-png-Apr-08-2026-12-24-16-5950-PM.png) **Step 3** Navigate to the tab: Lay-out & Style. ![](https://knowledge.jamezz.com/hs-fs/hubfs/image-png-Apr-08-2026-12-25-20-9846-PM.png?width=670&height=73&name=image-png-Apr-08-2026-12-25-20-9846-PM.png) **Step 4** Scrol down in this page to Custom fonts and Custom Components. Between these two options you can click on: Start live edit mode. ![](https://knowledge.jamezz.com/hs-fs/hubfs/image-png-Apr-08-2026-12-27-08-5335-PM.png?width=670&height=250&name=image-png-Apr-08-2026-12-27-08-5335-PM.png) **Step 5** The best way to change things in the live edit mode is to use the advanced mode.  ![](https://knowledge.jamezz.com/hs-fs/hubfs/image-png-Apr-08-2026-12-32-44-9851-PM.png?width=670&height=366&name=image-png-Apr-08-2026-12-32-44-9851-PM.png) **Step 6** In the live edit mode you can edit a lot. For example you can edit the drinks- and foodbar, the logo on the top, the header, the font etc. But there are a lot of possibilities. Just look around. If you have some questions about this, feel free to ask the support department of Jamezz. Let us give you a few examples: - The drinks -and foodbar. ![](https://knowledge.jamezz.com/hs-fs/hubfs/image-png-Apr-08-2026-12-39-38-1021-PM.png?width=670&height=312&name=image-png-Apr-08-2026-12-39-38-1021-PM.png) - The logo on the top. ![](https://knowledge.jamezz.com/hs-fs/hubfs/image-png-Apr-08-2026-02-45-19-5784-PM.png?width=1818&height=868&name=image-png-Apr-08-2026-02-45-19-5784-PM.png) - The header ![](https://knowledge.jamezz.com/hs-fs/hubfs/image-png-Apr-08-2026-02-46-41-3368-PM.png?width=1816&height=852&name=image-png-Apr-08-2026-02-46-41-3368-PM.png) ![](https://knowledge.jamezz.com/hs-fs/hubfs/image-png-Apr-08-2026-02-48-21-8642-PM.png?width=1816&height=396&name=image-png-Apr-08-2026-02-48-21-8642-PM.png) - Changing fonts \> If you want to use a special font that is not standard in our database you will have to upload this font here: ![](https://knowledge.jamezz.com/hs-fs/hubfs/image-png-Apr-08-2026-02-50-34-7184-PM.png?width=1552&height=475&name=image-png-Apr-08-2026-02-50-34-7184-PM.png) 💡**TIP! After a change, you save the page and after that, you have to restart the live editor to see the changes.**  After following these steps above you should have a basic knowledge of how to use our live editor. There are many things that are editable. If you have questions, feel free to ask the support department of Jamezz. - [QR](https://knowledge.jamezz.com/knowledge/qr?hsLang=en#main-content) - [Welcome to the knowledge base for QR](https://knowledge.jamezz.com/knowledge/qr?hsLang=en#welcome-to-the-knowledge-base-for-qr) - [QR settings](https://knowledge.jamezz.com/knowledge/qr?hsLang=en#qr-settings) - [Menu building](https://knowledge.jamezz.com/knowledge/qr?hsLang=en#menu-building) - [Arrangements](https://knowledge.jamezz.com/knowledge/qr?hsLang=en#arrangements) - [Tables](https://knowledge.jamezz.com/knowledge/qr?hsLang=en#tables) - [KIOSK](https://knowledge.jamezz.com/knowledge/kiosk?hsLang=en#main-content) - [Welcome to the knowledge base for KIOSK](https://knowledge.jamezz.com/knowledge/kiosk?hsLang=en#welcome-to-the-knowledge-base-for-kiosk) - [KIOSK settings](https://knowledge.jamezz.com/knowledge/kiosk?hsLang=en#kiosk-settings) - [Menu building](https://knowledge.jamezz.com/knowledge/kiosk?hsLang=en#menu-building) - [Tables](https://knowledge.jamezz.com/knowledge/kiosk?hsLang=en#tables) - [WEBSHOP](https://knowledge.jamezz.com/knowledge/webshop?hsLang=en#main-content) - [Welcome to the knowledge base for WEBSHOP](https://knowledge.jamezz.com/knowledge/webshop?hsLang=en#welcome-to-the-knowledge-base-for-webshop) - [WEBSHOP settings](https://knowledge.jamezz.com/knowledge/webshop?hsLang=en#webshop-settings) - [Menu building](https://knowledge.jamezz.com/knowledge/webshop?hsLang=en#menu-building) - [Tables](https://knowledge.jamezz.com/knowledge/webshop?hsLang=en#tables) - [TABLET](https://knowledge.jamezz.com/knowledge/tablet?hsLang=en#main-content) - [Welcome to the knowlegde base for TABLET](https://knowledge.jamezz.com/knowledge/tablet?hsLang=en#welcome-to-the-knowlegde-base-for-tablet) - [TABLET settings](https://knowledge.jamezz.com/knowledge/tablet?hsLang=en#tablet-settings) - [Menu building](https://knowledge.jamezz.com/knowledge/tablet?hsLang=en#menu-building) - [Arrangements](https://knowledge.jamezz.com/knowledge/tablet?hsLang=en#arrangements) - [Tables](https://knowledge.jamezz.com/knowledge/tablet?hsLang=en#tables) - [FAQ](https://knowledge.jamezz.com/knowledge/faq?hsLang=en#main-content) - [Jamezz BackOffice introduction](https://knowledge.jamezz.com/knowledge/faq?hsLang=en#jamezz-backoffice-introduction) - [Menu building - article management](https://knowledge.jamezz.com/knowledge/faq?hsLang=en#menu-building-article-management) - [Vouchers and Coupons](https://knowledge.jamezz.com/knowledge/faq?hsLang=en#vouchers-and-coupons) - [Leat](https://knowledge.jamezz.com/knowledge/faq?hsLang=en#leat) - [Payments](https://knowledge.jamezz.com/knowledge/faq?hsLang=en#payments) - [Layout & Style](https://knowledge.jamezz.com/knowledge/faq?hsLang=en#layout-style) - [Internal Jamezz articles](https://knowledge.jamezz.com/knowledge/internal-jamezz-articles?hsLang=en#main-content) - [Keukenscherm](https://knowledge.jamezz.com/knowledge/internal-jamezz-articles?hsLang=en#keukenscherm) [![Chill listening crop-3](https://knowledge.jamezz.com/hs-fs/hubfs/Logo-jamezz-los-donker-Sep-28-2022-02-17-16-47-PM.png?width=43&height=43&name=Logo-jamezz-los-donker-Sep-28-2022-02-17-16-47-PM.png "Chill listening crop-3")](http://jamezz.nl) Copyright © 2026, Jamezz