Appearance

Use Appearance to change the parts visitors see across the website, such as the logo, main menu, and footer. These are shared settings. Changing them can affect many pages.

Admin path: Website > Appearance
Route: /appearance

To change text on one page only, use Content > Pages instead.

What is on this screen

The screen has two parts, each with its own boxes:

The appearance settings apply to the whole website. The navigation and footer boxes are stored separately for each content language, so the menu you see belongs to the language currently selected in the admin.

Before you change anything

Open the public website in another tab so you can compare the result. Check that you are editing the correct website and content language.

Make one kind of change at a time. For example, finish and check the menu before changing the theme. Select Save at the bottom of the screen when you are ready. One save stores the settings, the navigation, and the footer together.

Save before you switch the admin’s content language. The navigation and footer boxes then show the menu and footer of the newly selected language.

Website name and logo

Enter the public name the organisation uses in Website title. Its hint explains that this text appears in the browser’s title bar and in search engines. It is not a note for other editors.

Select the approved logo in Logo. The logo appears in the website header. It is separate from the small browser-tab icon, the favicon.

After saving, check the logo in the public header on a phone and a wider screen. If it is cropped, too faint, or unreadable, use a suitable version of the artwork rather than putting the organisation’s name into an unrelated image field.

Website languages

Supported languages controls which public content languages the website uses. Default language is the language visitors see on their first visit.

Both lists offer Hungarian, English, German, Ukrainian, and Russian. Choose the default from the languages you have selected as supported.

Turning on a language does not translate your pages, navigation labels, or footer text. Prepare that content and check the public language switch with the website administrator before making another language available.

These settings do not choose the language of this wiki. The content routes in Advanced settings show one field for each saved language.

Favicon

The favicon is the small icon browsers show in tabs, bookmarks, and similar places. Upload it in the Favicon slot of the Web app and social media icons and images box. The slot asks for a square icon that works at 16×16 and 32×32 pixels.

1. In the Favicon slot, select Upload.
2. Choose the approved square icon artwork. The file can be at most 2 MB.
3. Wait for the message Favicon uploaded successfully, the change takes effect within a few minutes!

The upload is processed as soon as you choose the file. You do not need to select Save for it. JORD creates the website’s favicon.ico and a 64-pixel PNG version from it. Only Admin and Super admin accounts can upload a favicon.

Keep important logo details away from the edges, and do not use an ordinary landscape photo as icon artwork. If a browser still shows the old icon after a few minutes, it may have kept a previous copy. Try a private window before asking the website administrator to check.

Choose a theme

A theme controls the public design. The Theme box shows a card for each option: Clean, Fintech, Nature, Pro, Beauty, Modern, Legal, and Custom. Each card has a short description, a sample of the title, body, and label fonts, and six colour dots. A Current chip marks the selected theme. Choosing a name does not rewrite the site’s content.

The theme sets its own colours and fonts. This screen has no separate colour or font controls.

Use the theme agreed for this website. Custom is for an existing custom implementation, not a tool that creates a design from a written request.

Record the current choice before changing it. Select a card, save, then inspect the home page, a text-heavy page, a content listing, and the footer. Check phone layouts too. If the change is unsuitable, select the previous theme and save again. A different theme can change spacing, colours, image crops, and the way sections or footer groups appear.

Edit the navigation

Navigation is the shared menu visitors use to move around the website. Each item has a caption people read and a destination they open.

1. In Navigation, select Add menu item. A dialog opens.
2. Enter a short Caption, such as “About us”. A caption is required.
3. Under Link, choose the link type, then the destination.
4. Select Save in the dialog. This adds the item to the end of the list; it does not save the website yet.
5. Use the up and down arrows to move the item into the intended order.
6. Select Save at the bottom of the screen.
7. Click the item on the public website.

The link type list offers:

• Link: a typed address, such as a complete address for another website.
• Fixed page: the home page, plus the services and contact pages where the site has them.
• Custom page: a page from Content > Pages.
• Article, Event, Series, Reference, Service, or Team member. Sites with the webshop enabled also offer Product.

To change an existing menu label, edit its caption in the list. To change where it goes, edit its link. Creating a menu item does not create its destination page or publish a draft.

To remove an item, use its delete control and confirm. The item disappears from the list, but it is removed from the website only when you select Save. Removing a menu item removes that route from the menu, not the underlying page. Visitors may still reach the page from other links. To take content offline, use that page’s own publication controls.

The Placeholder box below the navigation shows the message The website’s content appears here. It only marks where page content sits between the menu and the footer. It has no settings.

Add footer pre-content

Footer pre-content appears before the main footer. It uses the Section editor, so it can hold a shared callout, image-and-text section, or another supported section.

For example, add a short contact invitation here if it should appear above the footer across the site. Do not put information here that belongs on only one page.

Add the section, fill in its contents, and save Appearance. Adding the same callout to each individual page can create duplicates when the shared footer also shows it.

Arrange footer groups

The Footer elements box holds the main footer’s groups. A group can be Links, Contact, Opening hours, Newsletter, or Placeholder. An empty footer shows the message The footer is still empty.

Use the add-group toolbar to choose a type. Each group has its own move and delete controls. Moving a group changes its position among the groups; moving a link inside a link group changes only that link’s position.

Save the screen after editing. The theme decides the final column layout, so check a phone as well as a wide screen.

Link group

Use a link group for related destinations, such as “Visitor information”.

1. Add a Links group and enter its heading in Subtitle.
2. Select Add link inside that group.
3. Enter the entry’s Displayed text, such as “Opening hours”, and choose its Link.
4. Repeat for the remaining links and arrange their order.
5. Save and test every public link.

The subtitle is a heading, not a destination. A group with only a subtitle has no useful links. Removing a link does not delete its destination page.

Contact group

Use Contact to display the saved website contact details. This group shows the address, phone number, email, and social links from Content > Contact, rather than asking you to maintain another copy.

If no contact details are saved, the group shows You have not added any contact details yet. with a link to the contact screen. If it shows an old phone number, update Content > Contact and save that screen. Then check the shared footer on the website.

Opening hours group

Use Opening hours to show the hours maintained under Content > Contact. The group is a display of those saved details, not a separate set of hours.

Correct the source contact details if a day or time is wrong. After saving, compare the footer with the public contact page so visitors do not receive conflicting information.

Newsletter group

Use Newsletter for a footer sign-up invitation. Enter its Title and Description, such as what subscribers will receive and how often.

The group does not configure a newsletter service. Visitors’ sign-ups go to Subscribers when Local newsletter is on, or to Mailchimp when the Mailchimp plugin is on. Confirm the setup with the administrator first.

After saving, submit a test subscription from the public footer and check the expected subscriber list.

Placeholder group

Placeholder adds an empty column to the footer layout. It has no text or link fields. Use it only to shift the following groups into a later column, as agreed with the person who built the website.

To add a link, choose Links. Do not add placeholders to fix an empty contact group or a disconnected newsletter form.

Legal footer links

The Legal links box is separate from the main groups. It always contains the built-in Imprint and Privacy policy entries and can contain custom links.

For a built-in entry, change its Displayed text if the public wording needs to differ. These entries have a Hide checkbox rather than a delete control. Ask the person responsible for the site’s legal content before hiding one.

Changing an imprint caption does not edit the organisation details on the imprint page. Update those under Imprint. The privacy caption likewise does not replace the privacy document.

For another legal destination, select Add link and enter its displayed text and link. Arrange the entries, save, and open each link on the public site. Hiding or removing a footer link does not restrict access to its destination.

Check the finished header and footer

• Menu links and every footer link open.
• Shared phone numbers, email addresses, and hours are current.
• The logo and footer layout work on a phone.
• Any shared contact or newsletter form reaches its destination.
• Each content language you changed looks right.

If a change appears on more pages than expected, check whether you edited shared footer pre-content instead of a section on one page.