Handleiding

Settings: Theme

Personalize the appearance of your site with the Theme Settings! This section allows you to adjust various visual elements to match your brand or personal style.

Colors

To customize the colors of your website, go to Settings in the main menu and click on Theme for the visual configuration. Here, you can change the website's colors to match your preferences. Use the color picker (1) or enter the HEX codes (2) of your desired colors. This allows you to easily adjust the look and feel of your site to align with your branding.

Hero

Decide what kind of hero you want to display on your website’s pages en posts. You can choose a full-width hero, title and text block with a white background and soft edges. This is the structure of the hero component — the actual content (image and text) is added directly on the page or post.

Scroll to Top Button

Enable or disable the "Scroll to Top" button. When enabled, this button appears in the bottom corner of the screen, allowing users to quickly return to the top of the page with a single click.

Font Selection

Choose from a variety of fonts to enhance the readability and aesthetic appeal of your content. Select a font that aligns with your brand identity or personal preference.

Content Width

Define the width of your content area. This setting allows you to control how wide your content appear on your site.

Settings: Header

To customize the header, go to Settings in the main menu click on Header. Here, you can add Nav Items that will appear in the header, creating the navigation menu at the top of your website.

Choose a Type: Select the type of navigation item:

• Internal Link – Link to an existing page within your website.
• Custom Link – Add an external URL or a custom destination.
• Download Option – Provide a direct link to download a file.

Open in New Tab: Enable this option if you want the linked webpage to open in a new browser tab.

Appearance: Customize the visual style of the navigation item.

Settings: Header - Internal Link

• Choose a Document to Link To (1): Assign an internal link by selecting a document or page from your website.
• Label (2): This is the name of the link that will appear in the navigation menu in the header.

Settings: Header - Custom link

Custom Link – Use this option for an external link. Enter the URL and label for the link.

Settings: Header - Download

Download Option – Allow users to download a file. Upload a file and enter a label for the link.

Want to change the order and name of the menu items?

Simply drag and drop them by holding the icon with six dots (1) located at the top left of each nav item. Click on the three-dot icon (2) at the top right of a nav item for additional options, such as moving it up, moving it down, or deleting it.

You can change the name of a Nav Item (3) by clicking on the current name, for example "Nav Item 01," and typing the desired name.

Adding search, background color, text color, font weight and logo

• Make sure to check the Enable search checkbox if you want to include a search option on your website.
• Select a background color if you want the header to have a colored background.
• Choose a text color to set the color of the text in the header.
• Choose a font weight to define how bold the header text should appear.
• Upload an image of your logo to display it in the header.

Settings: Footer

To customize the footer, go to Settings and click on Footer. In the footer section, you can create columns to add links, choose a background color, text color and you can insert a logo to design the footer according to your preferences.

Settings: Footer - Columns & nav items

In the Footer Settings, you can create and manage columns for the footer. Each column can be customized with the following options:

You can choose to enable Text title or enable the Link Title option to make the column title clickable, linking it to a specific URL of your choice.

Column title: assign a title to the column to indicate its purpose or content. Use the Add Nav Item option to add individual navigation items to the column. Just like the header each navigation item can have its own label and link, helping you organize footer links effectively.

Settings: Language selector

Use the language selector in settings to add your preferred languages (2) Set a primary language as the default (1) to ensure the interface starts in your chosen language each time.