Design Settings let you customize the appearance and layout of your Delivery Page or Website. You can adjust the header, navigation, menu, content sections, galleries, footer, fonts, colors, buttons, and more.
A live preview appears on the right, allowing you to see your changes as you work.
How to Access Design Settings
Open the project you want to customize.
Go to the Delivery Page or Website.
Click Design Settings.
Select Settings at the top of the Design panel.
Use the Desktop and Mobile buttons below the preview to check how your design will appear on different devices.
Header
Use the Header section to control the main area displayed at the top of the page.
You can turn the entire header on or off using the toggle next to Header.
Header Layout
Choose the size and placement of the header:
Large
Small
Left Side
Right Side
Header Image Style
Choose how the header image is displayed:
Overlay: Places the header content over the image.
Inset: Displays the image within the header area.
Hidden: Removes the header image from the design.
Use the Header Image area to add or replace the image. Click the X on the image to remove it.
Header Text Position
Choose where the heading and sub-heading appear:
Top
Center
Bottom
Left
Right
Image Overlay
Apply an overlay to help the header text stand out:
Gradient
Dark
Light
None
Image Effect
Choose how the header image behaves:
None
Slow Zoom
Parallax
Header Content
You can also customize the following fields:
Heading: The primary text displayed in the header.
Sub-Heading: Supporting text displayed with the heading.
Action: Select the primary header action.
Sub-Action: Select an additional header action.
The available action choices may depend on the content and settings configured for the project.
Navigation
The Navigation section controls how visitors move between the sections of the page.
Navigation Type
Choose one of the following:
Scrolling: All sections appear on the same page. Visitors scroll vertically to move through the content.
Tabs: Each section appears as a tab in the menu bar. Selecting a tab opens a page containing only that section.
Menu
Use the toggle next to Menu to show or hide the navigation menu.
Menu Links
The Menu Links list displays the header and each section included in the project.
Click the eye icon next to a section to show or hide its menu link.
Select Add Custom Link to add another link to the menu.
Menu Type
Choose how the menu is presented:
Standard
Floating
Sheet
Menu Location
Choose where the menu appears:
Top
Bottom
Left
Right
Menu Layout
Choose how the menu items are aligned:
Start
Center
End
Menu Color
Choose the menu’s appearance:
Translucent
Default
Outlined
Custom
Menu Size
Choose the overall size of the menu:
Compact
Default
Large
Additional Menu Options
You can also configure:
Primary Action: Select the main action shown in the menu.
Show logo in menu bar: Displays your logo in the menu.
Show menu button icons: Displays icons on menu buttons.
Show menu button text: Displays text on menu buttons.
Site Sections
Site Sections settings control the appearance of the individual content sections on your page.
Section Heading Position
Choose where section headings appear:
Left
Center
Right
Hidden
Section Button Position
Choose where section buttons appear:
Center
Left
Right
Hidden
Spacing
Control the amount of space within and between sections:
Compact
Default
Spacious
Background
Choose the background style for your sections:
None
Subtle
Custom
Dividers
Choose how sections are visually separated:
None
Line
Fade
Dot
Videos & Embeds
Use the Size setting to control the width of videos, virtual tours, and other embedded content:
Small
Large
Full Width
Galleries
Gallery settings control the layout, spacing, labels, and interactions used for photo galleries.
Gallery Display
Choose how gallery images are arranged:
Columns
Rows
Grid
List
Slider
Gallery Width
Choose how much horizontal space the gallery uses:
Narrow
Wide
Full Width
Gallery Thumbnail Sizing
Choose the size of gallery thumbnails:
Small
Default
Large
Gallery Thumbnail Spacing
Choose the amount of space between thumbnails:
None
Default
Large
Thumbnail File Names
Choose when file names appear on gallery thumbnails:
On Hover
Always
Hidden
Fullscreen File Names
Choose whether file names appear when an image is opened in fullscreen:
Hidden
Always
Image Download Button
Control when the download button appears:
On Hover
Always
Hidden
Hover Effect
Choose what happens when a visitor moves their pointer over an image:
None
Zoom
Lift
Dim
Footer
Use the toggle next to Footer to show or hide the footer at the bottom of the page.
Footer Size
Choose the footer size:
Small
Default
Large
Footer Theme
Choose the footer’s color source:
Site
Brand
Custom
Styling
Styling options apply visual settings across the entire Delivery Page or Website.
Font
Choose from the following font styles:
Sans-Serif: Clean and modern.
Serif: Classic and elegant.
Bold: Strong and impactful.
Curvy: Playful and friendly.
Handwritten: Casual and personal.
Modern: Minimal and refined.
Timeless: Sophisticated and editorial.
Color
Choose a preset color combination or create your own:
Default
Cool
Warm
Dark
Custom
Selecting Custom lets you choose your own site colors.
Button Style
Choose how action and download buttons appear:
Filled + Icon
Filled
Outline + Icon
Outline
Icon Only
Borders
Choose the corner style used throughout the design:
Very Round
Slightly Round
Sharp Corners
Heading Style
Choose the capitalization and spacing applied to headings:
Default
Uppercase
Spaced
Tight
Lowercase
Small Caps
Heading Weight
Choose the visual weight of headings:
Light
Default
Bold
Animation
Choose how page content appears as visitors move through the page:
None
Fade
Slide Up
Pop
Previewing and Saving Your Design
Use the live preview while changing settings to see how each option affects the page.
Before publishing:
Review the design using both Desktop and Mobile preview modes.
Use the undo or redo buttons when needed.
Close Design Settings and publish your project changes.
Save the finished design as a template when you want to reuse it on other projects.
If you have questions or need further assistance, feel free to contact our support team at [email protected]
We’re here to help! 😃