Design Settings

Overview

You can make changes to your entire website, such as customizing the font and color of your text, the style of the buttons, or the background image, in the Global Design panel. This allows you to keep your website’s design and color scheme consistent across all pages and saves you having to edit each piece of text, button, etc. individually. Any changes that you make to specific widgets or pages will override anything you do here, therefore we recommend that you make changes here first before customizing any part of your website.

Guide

Click Design on the left menu to open the Global Design panel.
general_globaldesign01_en-us.png

Text Style

This section lets you control the style of the text for your website, both for paragraphs and titles of all sizes (H1 to H6). Change the font size, style, color, format, and direction that will affect the text for all future text and title widgets.
general_globaldesign02_en-us.png

Button Style

This section lets you control the style of the button widgets for your website. Select one of our button designs and set the background color, border style, and text. Choose other effects like adding rounded corners or shadows to the button.
general_globaldesign03_en-us.png

Image Style

This section lets you control the style of the image widgets on your website. You can change the border of images, add rounded corners, or shadow effects.
general_globaldesign04_en-us.png

Row Style

This section allows you to define the global row design in terms of background color, default row spacing and default column spacing. Any changes to individual rows will override the global row settings. For more information about rows, see Row Editor.
general_globaldesign05_en-us.png

Website Background

This section lets you control the background of your website. Choose between using a color or image as your background. Changes also affect the desktop and tablet.
general_globaldesign06_en-us.png

Website Layout

This section lets you control the layout of your website's navigation on desktop, tablet, and mobile devices. Choose between various layouts for easy navigation, such as a top bar header or sidebar menu.
general_globaldesign07_en-us.png

Considerations

Changes that you make to specific widgets or pages will override these global styles. For this reason, we recommend that you first decide on a global style, and afterwards make customizations to parts of your website that you want to stand out or look different from the rest.

Changing the layout of your website’s navigation often affects the behavior of your header and sometimes the rest of your website. A backup is automatically created whenever you change the layout, so that if your header or the rest of your website suddenly looks incorrect, you can simply go back to how it was before the layout change.