The top navigation bar gives you access to the most important controls while designing your job board. From here, you can switch between pages, manage your theme versions, preview changes, and publish updates.

Located on the far left, the Exit button allows you to leave the Theme Builder and return to the main Job Boardly dashboard.

Any unpublished changes will remain saved as drafts until you decide to publish them.

Use the page selector to switch between the different pages available in your job board.

For example, you can quickly move between:

This allows you to customize each page individually without leaving the editor.

Next to the page selector, you'll find the Theme Name field.

This allows you to rename the design you're currently working on.

You can use this to create and organize multiple design versions, such as:

Having multiple versions makes it easier to experiment without losing previous work.

The SEO icon gives you access to the settings for the page you're currently editing.

From here, you can customize:

These settings help improve how your pages appear in search engines and when shared on social media.

SEO settings are page-specific, meaning changes only apply to the page currently selected in the Theme Builder.

In the center of the top bar, you'll find the responsive controls.

These allow you to preview and edit your design across different screen sizes:

Use these views to ensure your job board looks great on every device.

Changes made in smaller breakpoints may override styles for that specific device size.

If your job board supports multiple languages, you can switch between them using the language dropdown.

This lets you review and customize the experience for each language individually.

For example:

This is especially useful for verifying translations and layout adjustments.

On the right side of the navigation bar, you'll see the Draft / Live toggle.

This allows you to switch between:

View the unpublished version currently being edited.

Preview the version visitors are currently seeing on your public job board.

This makes it easy to compare your upcoming changes against the live experience.

The preview button allows you to open the current page in a preview environment.

Use this feature to test your changes in a real browser before publishing them.

This is helpful for checking:

Once you're happy with your updates, click Publish Changes.

Publishing will push all draft changes live, making them visible to visitors immediately.

Make sure to review your design carefully before publishing, especially if multiple pages have been modified.

The three-dot menu provides additional actions related to the Theme Builder.

Currently, this includes:

Switch back to the default Job Boardly design experience.

The Native View uses Job Boardly's standard customization options and layout system instead of the Theme Builder.
​

Sidebar Overview

The left sidebar is where you'll manage the structure of your pages. From here, you can customize existing sections, add new ones, and access theme-wide settings.

At the top of the sidebar, you'll see all the sections that make up the page you're currently editing.

Examples include:

Simply click on any section to open its settings and customize it.

Depending on the section, you can modify things like:

This makes it easy to build each page section by section.

The sections shown in the sidebar will vary depending on the page you're editing.

You can drag and drop sections to change their order on the page.

This allows you to completely restructure your layouts without needing to rebuild them.

For example, you can move the Testimonials section above Featured Companies or place a Call to Action wherever it fits best.

Need additional content on your page?

Click + Add Section to insert a new section into your layout.

You'll be able to choose from the available section library and add new content blocks to expand your design.

This gives you the flexibility to create completely unique page experiences.

For advanced customization, you can add a Custom Code section.

Custom Code sections support Liquid templating, which allows you to create fully custom layouts and dynamic sections using your job board data.

This is useful when you want to build something beyond the default section options, such as:

With Liquid templating, custom sections can be used to build almost anything, giving developers and advanced users much more flexibility inside the Theme Builder.

You can also translate your sections using DeepL.

To use automatic translations, first add your DeepL API key under:

Settings → Integrations → DeepL

Once your API key is connected, you can translate sections directly from the Theme Builder.

This is especially useful if your job board supports multiple languages and you want to quickly localize your content across different pages.

If you don't want to build everything from scratch, you can use Board Templates.

Board Templates provide professionally designed layouts that you can apply instantly to your job board.

To use one:

The selected template will automatically apply its design and structure to your board.

This is a great option if you:

You can continue customizing the template after applying it.

The Header settings allow you to customize the top navigation area of your job board.

Depending on the available options, you can manage elements such as:

Changes made here will be reflected across pages that use the shared header.

The Footer section controls the bottom area of your website.

Here, you can customize items such as:

Because the footer is shared throughout the site, updates made here apply wherever the footer is used.

Global Styles let you define the visual foundation of your entire job board.

Instead of editing colors and typography one section at a time, you can manage them centrally.

Typical settings include:

Using Global Styles helps maintain a consistent look and feel across every page.

Updating a global style automatically updates all elements connected to that style throughout your theme.

Theme History allows you to review previous versions of your theme.

Whenever changes are saved and published, snapshots of your design are stored in the history.

From here, you can:

This provides an extra layer of confidence while experimenting with new designs.

If something doesn't go as planned, Theme History makes it easy to roll back to a previous version of your theme.
​

If you've created a section that you'd like to use elsewhere, you can save it as a reusable component.

The Save as Reusable option allows you to take any section you've customized and make it available across other pages within your job board.

For example, if you've designed a Call to Action section that you love, you don't need to recreate it manually on every page. Simply save it as reusable and insert it wherever you need it.