How do I edit my Zenchef website's template, colors and font?

In this article, you’ll learn how to change the look of your Zenchef website: switch the theme, adjust the colors, customize the typography, and manage background images.

Summary

  1. Change your website’s theme
  2. Change your website’s colors
  3. Change your website’s typography
  4. Change your website’s images and photos
  5. Common cases & FAQs
  6. Support & Related articles

What you need to know

Customizing your Zenchef website lets you adapt its appearance to match your brand. You can choose from several themes, adjust colors, modify typography, and set background images for each page. Note: changes may take up to an hour to be visible online, but you’ll see them instantly in the live preview.
To edit your website’s appearance, go to the Website tab.


1. Change your website’s theme

The site theme is the template — the base model of your site that you can then personalize with your own photos, colors, etc.
There are 19 different themes available.
Note: The newer the theme (for example, themes 15, 16, 17), the more responsive it is (meaning it displays well on all types and sizes of screens).

2. Change your website’s colors

You can also change your site’s colors by clicking the Color tab. The effect of these changes may vary depending on your chosen theme.
  • Click on the Color tab.
  • The "main color" will be applied to all pages of your site.
  • The "widget color" will be used for modules (reservation, private hire, click & collect, etc.).
  • Note: You need to click Save before you can preview the result.


3. Change your website’s typography

Each theme comes with its own typography by default, but you can change it:
  • Click the "Typography" button.
  • You can choose to change the headings as well as the body text.
  • Save your changes by clicking Save.


4. Change your website’s images and photos

This refers to the background images for each page of your website.
  • In the left column, click on Images.
  • Click "Edit" on the relevant page. For example, to change the homepage background photo.
  • Upload your chosen image from your computer.
  • Save your changes by clicking Save.
Note: You can also apply the image to all pages in one click! Just click Action: Apply to all.
Updating your website may take about an hour to be visible online, but you can view your changes instantly in the preview of your Zenchef website.


5. Common cases & FAQs

Common cases

  • My site doesn’t show changes immediately. Changes may take up to an hour to appear online, but the Zenchef interface preview shows them instantly.
  • I’m making changes but they don’t show in the preview. Make sure to click "Save" so your changes are applied in the site preview.
  • Can I use one background image for all pages? Yes, in the "Images" tab, after selecting an image, use the option to apply it to all pages.
  • How do I choose a mobile-friendly theme? The latest themes (e.g., themes 15, 16, 17) are designed to be responsive and work best on mobile devices.


6. Support & Related articles

Contact our support team

For further assistance, feel free to contact Zenchef support via the chatbot available in your client area or by visiting our help center.