Appearance and navigation

The D-LIS system

Feature 08 of 13

Appearance and navigation

You set the colours, typefaces, menu and short notices for visitors in the panel and see them on the site straight away. Everyday changes need no code — and when you want to polish a detail, code has its place too.

  • Colours and typefaces
  • Navigation
  • Templates
  • Your own CSS
  • Notices
  • Site search
Changing the accent colour and the heading typeface in the panel changes the site at once: the button in the header, the content heading and the cards Closed on 11 November — orders are dispatched from 12 Nov ✕ Your company Services Blog Contact Book a meeting Your website Your website Your website Panel · Colours and typography Accent colour Heading typeface Inter Merriweather Montserrat Saved

What you get

The site looks like your company, not like an off-the-shelf theme

  • Colours and typefaces

    You set the accent colour, the header, the footer, the content background and the cards separately for the light and the dark version. For body text and headings you pick one of twelve typefaces, with a preview. The font files sit on your own server, so the site does not send visitors off to Google Fonts.

  • Navigation with a button in the header

    A main menu with submenus, a bar above the header and a bar at the bottom of the page. Next to the menu you put a highlighted button with the main action, e.g. “Book a meeting” — on a phone it goes to the end of the drop-down menu. A new page joins the menu with one field.

  • Templates uploaded as a package

    The site owner uploads a ready template as a ZIP package and switches it on in the panel. A template replaces only the files it changes and takes the rest from the system. One click takes you back to the look without a template.

  • Your own CSS

    When you want to polish a single detail, you add your own CSS rules — for the whole site or just for phones. They come last, so they win against the appearance settings. Only the site owner sees this tab.

  • Notices on the site

    A short note for visitors: a bar above the header, a frame below it or a note above the footer. You choose which pages it should appear on and from when until when. It disappears on its own when the time is up.

  • Search across the site

    A field in the header searches pages and blog posts. You decide how many results to show, whether to highlight the words found and what to say when nothing was found.

What it looks like day to day

Three steps in the panel

  1. 01

    You pick colours and typefaces

    In the Appearance section you click an accent colour and a typeface. Once saved, the whole site takes on the new look.

  2. 02

    You arrange the menu

    You add items and submenus, and in the header you put a button leading to your most important page.

  3. 03

    You announce what matters

    You add a notice with an end date — about a day off, for example — and you do not have to remember to take it down.

See it in your own panel

D-LIS Light is free. Download the package, install it on your own server and check everything yourself — or write to us and we will help you get started.

Choose a version to download

The list shows only the packages that are on the server right now.

Older releases stay available for as long as their packages are on the server.