¶ Stylesheet
The editor uses a central stylesheet to set the style of textual elements (Title, Subtitle, Body) and buttons.
The website stylesheet allows you to create a cohesive design and make modifications quickly in a single central place - these modifications will affect the entire site.
Fonts, line height, and letter spacing are central, while font size and color can be set on each element separately when editing it in the text editor.
¶ Title Style
In this panel, you can set up the style of any Title Element, by defining three preset styles: T1, T2, and T3.
These preset styles can be chosen on each Text-Element you are editing in the editor:
For each preset style, you can setup:
● Font family
● Style (Uppercase, Lowercase, etc.)
● Default size (note: size can be
overridden for any element in the
websites, this is just the default size)
● Letter Spacing in em
● Line Height in em
● Margins - top and bottom (horizontal margins are common to all textual elements and are set in the Item Panel).
¶ Subtitle Style
Same as Title Style - Only for Subtitle Elements (S1, S2, S3) Title/Sub/Paragraph style-sheet overview video:
Titles_sub_paragraph_styles.mp4
¶ Paragraph Style
Same as Title Style - Only for Paragraph Elements (P1, P2, P3)
¶ Buttons Text Styles
Same as Title Style - Only for the text of Buttons Elements (B1, B2, B3).
Button text stylesheet:
Buttons_text_style.mp4
Button design panel:
Button_panel.mp4
This panel controls only the typography of the buttons’ text.
The design of the button (background, borders, effects) can be modified by clicking the Button Element and choosing Edit Button.