Camilyo Logo
 
 
 
Help
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
.
 
 
 
 
 
 
 
 
 
 
 

Designing your Site - Theme

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
One of the first actions to do when creating a new site is to set the style of all the different sections and to set default parameters that will later be used throughout the site, without having to set them individually (like fonts, links and headings settings). You can do this from the Theme tab, which is divided into three sections: Layout, Style and Colors
 
 

Choose Layout

 
From this tab you can select the master page's layout (Plain, Vertical, Horizontal) and build it's sections: Header, Footer, Side Panels, Content Top and Content Bottom
 
layout
 
 

Sections

 
A new site is created with a default blank Header and Footer.
In order to build a s new section or change the default ones, click on the relevant section and choose a preset (currently available for the Header, Footer and Side panels). Once you choose the preset, a new section is created using the default name: “Section - Section 1” (visible in this panel and also under the Sections area in the left management panel)
 
header-header 1
 
You can remove a section added here by clicking on the relevant section and then clicking on the Remove section link at the bottom of the tab:
 
remove section
 
You can go to the Sections area in the Sitemap and change the name of the section or remove it completely:
 
edit new section
 
 
You can choose your master page's style (the presentation settings for backgrounds, fonts, headings, links etc.) from a presets list (according to the chosen layout) and use it as is or you can customize it to your specific needs
 
 

Presets

 
style presets
 
 

Customize

 
style customize
 
From the Customize tab you can set the page width and style the different layers of the master page:
 
 
 
Layer 1- Full page style including link, link hover and headings
 
layer 1
 
 
 
Layer 2- divides the page into Header, Footer and main area according to the layout and allows to style each
 
layer 2
 
 
 
Layer 3- allows to style the middle content area (excluding sections) and different sections
 
layer 3
 
 
 
Layer 4- available only when you add a Side Panel or Content Top/Bottom- allows to style the middle content area (excluding sections) and different sections
 
layer 4
 
 
 
 
 
You can edit the style of your master page under Theme or your components using the Style Editor. The editor contains five settings options: Appearance, Background, Layout, Effects, Advanced:
 
 

Appearance

 
In this tab you can design text elements (fonts, alignment etc.)
 
appearance
 
 

Background

 
In this tab you can design the background color or set a background image / pattern instead
 
background
 
 

Layout

 
In this tab you can design the margins and padding of the element
 
layout
 
 

Effects

 
In this tab you can add transparency, borders, rounded corners and shadows
 
effects
 
 

Advanced

 
In this tab you can set sizes, floating settings and more
 
advanced
 
 
In this tab you can choose a color palette for the site from existing presets and use it as is or customize the palette to your needs
 
 

Presets

 
color presets
 
 

Customize

 
The palette is built so that the five main colors are located in the upper row and by editing them all the rest change automatically. The rest of the colors are shades of the main colors, first three rows are lighter and the last two rows are darker. For palette customization we recommend editing only the five main colors
 
color presets