Design Studio is the key to creating customized designs in a simple and intuitive way. The module is directed at both first-time users and advanced users with knowledge of CSS.
Copy and customize
You can copy and customize all design templates in the system as you see fit. This means that you can create up to three customized designs. You decide how many changes you want to make. Some users may find it relevant to select a pre-designed template and only change elements such as background colour or the colour of the menu items. Others may prefer to build their own design right from scratch.
Design of template elements
Design Studio does not allow you to change the structure of the templates, which some users already know from other template versions. However, with only a few clicks of the mouse, you'll get easy access to a series of template elements, including:
- Top menu/submenu
- Fields on welcome pages
- Top, middle, bottom (both full screen width and content width)
- Quick links
- And much more
Each element contains a number of settings for background, font, dimension, borders etc. The elements that support the background design can also be customized with background files, which are easy to upload to the module via drag/drop.
Simple vs. advanced editor
Do you prefer to click through colours, sizes and fonts, or would you rather write the corresponding CSS code yourself? It is entirely up to you!
For each of your own designs, you can switch between a simple and an advanced editor. The simple editor provides you with user-friendly elements (colour selection, dropdowns etc), whereas the advanced editor only contains a list of website elements and a CSS editor. It is also possible to combine both editors in one single design.
Customization on each page
The module allows you to customize/adjust the basic design. In this way, you can create customizations (e.g. another background colour) and activate them for selected pages or for an entire language version (note that the module for language versions is required).
Preview before activation
While you are working on your own design, it will be temporarily activated, allowing you to follow the development directly on your website. Only you can see the temporary preview - not the visitors on your website.
When your design is finished, you can choose to activate it and show the whole world your creative skills.