Skip to main content
ProMall
Track 5 — Your website and the Studio

Meet the Studio

Choose a theme, set your brand colours and fonts, and preview your site on phone and desktop.

3 min readLesson 1 of 6

Where in the panel?PanelStudioOpen in the panel

In this lesson

  • Find your way around the Studio
  • Switch themes without losing your work
  • Match your site’s colours and fonts to your brand
On this page — 3 sections
  1. Choose a theme
  2. Colours and fonts
  3. Shortcuts

The Studio is in the sidebar and opens full screen: pages and layers on one side, a live preview of your site in the middle, and the settings for whatever you’ve selected on the other. It’s included on every plan.

Tabs
Themes, Design, Sections, Motion, SEO and Pages.
Top bar
Publish, View storefront, Site traffic and settings, undo and redo, and Add section.
Under the preview
Switch between Phone and Desktop, and between the home, all-products, product and order-tracking pages.

Choose a theme

  1. In Themes, press Choose a theme.

    Each theme has a Preview; look before you pick.

  2. When asked how to apply it, choose.

    Move my changes keeps your text, images and extra sections; Reset to template replaces everything with the new theme. Products are never touched, and both can be undone.

Colours and fonts

Colour palettes
A ready-made palette or your own Brand colour. If a colour is hard to read, the panel warns you and Use suggestion picks a close, more readable one.
Colour mode
Light, dark or automatic (following the customer’s phone).
Font
Dozens of fonts, with an optional separate Heading font.

Shortcuts

  • Ctrl+Z to undo and Ctrl+Shift+Z to redo, up to 50 steps back.
  • Press ? to see every shortcut.
  • Double-click any text in the preview to edit it in place.

Finished this lesson?

Mark it done to tick it off in the list and keep track of how far you’ve come.

Support

Didn’t find your answer?

The ProMall support team has your back. Chat, call or email us and we’ll get back to you quickly.