How to change template and customize pages

From TomatoCMS Documentation

You can create many templates based on core of TomatoCMS, and import it to your website.
Click on System/Template

It will help you to manage skin and layout of each page for each template in your website. TomatoCMS support two default template: default and blog. You can choose another template by click on Select under the each template.
Each template will has difference skin, TomatoCMS support one skin for each template. To modify css of skin, move mouse over the skin, you will see edit link of that skin, you also select another skin by click on select link of that skin.

Each website include many pages, click List of pages of current template to view and modify each page.

At here, you can edit, delete, or edit layout of each page. Click Edit layout link to edit layout of each page

With layout editor of TomatoCMS you can separate page into containers and drag and drop anything you want into that container. TomatoCMS use 960Grid, so you can separate each container into many columns, TomatoCMS has 12 columns blocks, you just drag and drop it into container.
First, click + symbol of 12 cols to add container

then drag any block and drop it under the added container.

To add widget to the website, click on widget tab, you will see all widgets of all modules in your website, just drag and drop it into the added columns.

You can also config parameters of widget as you want.
In addition, you can preview each widget or preview whole page by click on preview link of each widget or click on preview button to view whole page.
You can add the same widget or column or delete it by click + or x symbol of each widget or column.
Finish, click Save.