Skip to main content

How to change colours, fonts and styles in Nomni App and Studio

L
Written by Lucien Hopkinson

Quick answer: In Studio, scroll down to Styles . Pick a Base theme , then set the Palette colours: Primary , Secondary and Tertiary . Then follow the steps below.


What this is for

Styles sets the look of your whole page: colours, fonts, background, borders, shadows and the hero's shape. Individual sections and items can override these.


Before you start

  • Sign in to Nomni App and Studio at app.nomnie.com with your email and password.


Steps

  1. In Studio, scroll down to Styles.

    n to Nomni App and Studio at app.nomnie.com with your email and password. Steps In Studio, scroll down to Styles .
  2. Pick a Base theme, then set the Palette colours: Primary, Secondary and Tertiary.

  3. Under Fonts, choose the fonts and Default alignment. Typography lets you fine-tune font size, line height and letter spacing.

  4. Set the page Background (colour or media), then Borders (style, size, corners) and Shadows. The Hero group sets the hero's border radius, gutter and shadow.

  5. To start again, use the reset button and confirm Yes, reset to defaults.

  6. Check the preview and click Publish.

    click Publish

Tips

  • To change one section only, use the brush button on that section instead.


Still stuck?

Chat with us using the chat button in the bottom corner of Nomni App and Studio.

You can also email support@nomni.ai or call 1300 445 483.

Did this answer your question?