Skip to content

Backgrounds, patterns, and frames

A background sits behind everything else on the page, adding color, texture, or an image without touching your content.

Backgrounds are organized into three tabs: Style for solid colors and patterns, Curated for a library of ready-made backgrounds, and My assets for your own images, both the ones you have uploaded yourself and any artwork extracted from an upload during menu generation.

The background picker with Style, Curated, and My assets tabs

The Style tab includes plain solid colors, useful when you want a background to recede rather than draw attention.

Also on the Style tab, choose from 50+ patterns across four categories. Every pattern has editable foreground and background colors, so you can match a pattern to your palette rather than settling for its default colors.

Pattern swatches on the Style tab

When your background is an image, from Curated or My assets, choose how it fills the page: repeat, cover, contain, or stretch. There is also Frame, which keeps the image at its natural proportions inside a border rather than filling the page, with its own frame thickness setting.

The Curated tab of the background picker A background image set to Frame with visible frame thickness

Curated backgrounds come composed for portrait, landscape, square, and tall or wide pages, so decorated edges are not cropped away when your page is not US letter portrait. The right composition is picked for each page from its own size, which means a menu can mix portrait and landscape pages and each one gets art made for its shape. The picker shows the thumbnail for your page’s shape, so what you pick is what you get.

However you set your background, adjust its opacity to make it more or less prominent behind your content.

One menu-wide background, with per page overrides

Section titled “One menu-wide background, with per page overrides”

The background you set here applies across the menu. An individual page can also carry a background of its own that overrides the menu-wide one for that page, which is how a menu generated from an upload keeps a cover page whose artwork differs from the inner pages. See Multi-page menus.

Show background on web controls whether your background appears on your published web menu. Turn it off if you want the background for print only, or on to have it show up for diners browsing on their phone too.

  1. Open the Theme and Design panel and go to backgrounds.
  2. Choose the Curated or My assets tab and select an image.
  3. Set the fit mode to Frame.
  4. Adjust the frame thickness to taste.
  5. Adjust opacity if you want the background more subtle.
  6. Toggle Show background on web depending on whether you want this background to show on your published web menu.

Continue to Typography for fonts and text styling, or back to Theme overrides for palette and layout.