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