Skip to content
  • There are no suggestions because the search field is empty.

How to Modify Elements and Customize Your Website Layout

Creating and personalizing your website is simple with a variety of customizable elements. This guide will walk you through how to modify existing sections, add new elements, and ensure your main navigation remains consistent across all pages.

Modifying Elements on Your Page

Every section on your page is considered an individual element, which you can adjust to fit your needs.

Selecting and Editing Elements

Identifying Elements

  • When you hover over an element, a blue outline will appear around it, indicating it is selected.

Modifying the Element

  • Click the element to reveal its editing options.
  • You can:
  • Add a hyperlink
  • Duplicate the section
  • Delete the element
  • Change the background color (or even add an image)

💡 Pro Tip: If you make a change you don’t like, you can always use the Undo button to revert it.

Creating a New Page and Adding Elements

If you need to build a page from scratch, here’s how to do it.

Creating a New Page

Navigate to Your Pages Menu

  • Click the hamburger menu (☰) in the top left corner.
  • Scroll down and select Add New Page.
  • Name your page and click Create.

Adding Blocks to Your Page

  • Every page starts with a block—think of it as a section that holds content.
  • You can choose from pre-designed blocks or select Create Your Own to customize it.

Adding Elements to a Block

  • Click the + (plus) button to reveal available elements.
  • Drag and drop elements like:
  • Text – Great for titles, descriptions, or callouts
  • Forms – To collect visitor information
  • Images & Galleries – To showcase visuals
  • Dropdown Menus – Perfect for FAQs or organized content
  • Maps & Navigation – To add location details

Example: Creating an FAQ Section

  • Add a new block and select a pre-designed dropdown section.
  • Enter common questions (e.g., How do I register? How much does swim team cost?).
  • Type the answers below each question.
  • Customize the section by changing text size, colors, or background to make it visually appealing.

Ensuring Your Main Navigation is Global

A seamless user experience means your website’s navigation should be consistent across all pages. Follow these steps to make sure your main menu appears everywhere.

Setting Your Navigation as a Global Block

  1. Click on the header section (where your navigation menu is located).
  2. In the settings panel, look for the option to Set as Global.
  3. Enabling this ensures the navigation remains the same on every page of your site.

Managing Your Navigation Links

  1. Open the Pages Menu (☰).
  2. Go to Menus & Links.
  3. Add, remove, or rearrange menu items as needed.
  4. Changes will automatically update across all pages when navigation is set to global.

With a global navigation menu, visitors can move through your site easily, no matter what page they’re on!

Final Tips for Customization

  • Experiment with different blocks and elements to see what works best for your team’s website.
  • Use pre-designed sections for an easier setup, or build your own for a fully customized look.
  • Keep your navigation consistent to improve usability and visitor experience.

Now you’re all set to modify and personalize your website!