Home Breeze Home
Page tutorial
View live

Section 1 : Tutorial

Updated at: over 1 year
Updated by: torsten@villataika.fi

Style

Feature section with 2 column,

Header

Tutorial

Text

We'll run through a few examples, this will give you a feel of how to work with Breeze. The basic fun ...

2 Cards

Options

Background
white
TextColor
solid_black
Margin
none
TextAlign
center
ItemAlign
center
Columns
2

Section 2 : Creating a page

Updated at: over 1 year
Updated by: torsten@villataika.fi

Style

Split section with image left or right

Header

Creating a page

Text

To create a page, go to the [index](/breezy/pages) page, where you will see the list of pages (see l ...

Image new_page

76k
[8, 5]
new_page

Options

Order
left
Background
light_gray
TextColor
solid_black
TextAlign
left

Section 3 : New Section

Updated at: over 1 year
Updated by: torsten@villataika.fi

Style

Two third image header with adjustable text

Header

New Section

Text

You will land on the show page (showing the page) and on the top will be a "New Section" button as on ...

Image page_new_section

14k
[23, 5]
page_new_section

Options

Order
left
Background
none
TextColor
none
TextAlign
center

Section 4 : Select Style

Updated at: over 1 year
Updated by: torsten@villataika.fi

Style

Two third image header with adjustable text

Header

Select Style

Text

The new section needs a style, and so you will be shown the [style selection page](/breeze/sections/1 ...

Image select_style

115k
[5, 2]
select_style

Options

Margin
large
Order
right
TextColor
solid_black
TextAlign
center
Background
light_blue

Section 5 : Editing Sections

Updated at: over 1 year
Updated by: torsten@villataika.fi

Style

Section with Cards, 2-6 columns

Header

Editing Sections

Text

All sections have the following editing controls. We'll go into cards below, which are actually very ...

4 Cards

Options

Margin
large
Order
left
TextColor
none
TextAlign
center
Background
none
Columns
4

Section 6 : Sections with Cards

Updated at: over 1 year
Updated by: torsten@villataika.fi

Style

Split section with image left or right

Header

Sections with Cards

Text

Some sections may have cards, for example "Section with Cards, 2-6 columns" but also Feature sections ...

Image section_cards

103k
[17, 8]
section_cards

Options

Section 7 : Navigation

Updated at: over 1 year
Updated by: torsten@villataika.fi

Style

Feature section with 2 column,

Header

Navigation

Text

By now you know that breeze manages pages with sections and cards. Breeze usually has several ways ...

4 Cards

Options

Background
white
Columns
2
TextColor
solid_black
TextAlign
left

Section 8 : Translations

Updated at: over 1 year
Updated by: torsten@villataika.fi

Style

Centered Header with text

Header

Translations

Text

Breeze comes ready with internationalisation built in, if a developer **enables** extra languages. ...

No Image

Options

Background
white
TextColor
solid_black
Margin
none
TextAlign
center
ItemAlign
center

Section 9 : Translations missing

Updated at: over 1 year
Updated by: torsten@villataika.fi

Style

Two third image header with adjustable text

Header

Translations missing

Text

Missing or outdated translations are shown on the **pages** index page. In the screenshot on the left ...

Image translations

26k
[13, 5]
translations

Options

Section 10 : Translations page

Updated at: over 1 year
Updated by: torsten@villataika.fi

Style

Split section with image left or right

Header

Translations page

Text

To edit translations, one just clicks on the text and the text-area appears with an update button. ...

Image translations_list

121k
[2, 1]
translations_list

Options

Order
right
Background
white
TextColor
solid_black
TextAlign
left