Templates for page structure

Customising templates with the CSS editor (advanced)


Each layout provides you with a range of different templates to help with the design of your website. These templates contain predefined tables that divide pages into different parts and create a consistent design.

The function can be executed by clicking onto the Template  icon.

 

 

Select a template and click on Insert. The picture below shows an example template.

 

 

It is very easy to customise a template. For example select the title and change the text. To change an image, highlight it and go to the Image manager. This will keep the current image size unchanged. Elements that are not required can be selected and deleted.

 

Customising templates with the CSS editor (advanced)

Template customisation is particularly advantageous for web designer. To customise templates, please refer to  Layout -> Style assistant  or Layout -> edit style types.

Following classes are important within the CSS editor (edit style types):

 

 

Furthermore each template has an ID (TemplateA, B, C, D, E, F, G, H, TemplateI) to edit the respective template’s class. For example, if you want to change the class ‘TabCellTop’ of TemplateB to a different background colour, you must access the class TemplateB.TabCellTop.