Text
he only element that can contain text is a div, so to enter text, we must first create a div, so choose 'Div' from the the 'New Element' toolbar menu.
Double click inside the div to start editing the text.
Blocks
In Flux, and HTML in general, blocks of text (paragraphs), are designated by tags such as H1, H2 and P. Just like other elements, you can override how these blocks look, so if you designated a block of text to use, for example, the H3 block type, like pictured below.
You can setup a CSS style called 'h3' (see below)
Styling the text
After setting up the matching CSS style, we can start making changes to the style of the text. For example, lets change the font, and it's size. In the CSS editor, you can select the fonts you want the style to use, by choose multiple fonts, you can choose which font you would like to use, and if it doesn't exist, which ones to use instead.
You can also change the font size, by simply choosing a new size in the 'Size' section of the CSS editor.
All changes you make will be reflected instantly in your design. You can setup all the block styles in this manner, from 'p' to 'h6'. By using these styles, you can create a consitent look and feel across your web site, as sizes, fonts, colors and other other attributes will all be the same, as they are defined in your CSS, and not individual HTML files.
Spans
Inside blocks of text, you can style individual sentences, words, or even individual letters. Ususally, these span style can just be something simple like, bold, or underline, but using CSS, we can do much more, like change color, font, size, or even have a custom border.
To apply a span style, double click inside a div that contains text to reveal the text editor, and drag to select a small amount of text (see below)
Then press the button pictured below...
...to bring up the span style chooser, and choose a style, for this example, lets choose 'Bold'. Your selected text will now be between some <b> tags, which is the HTML code for bold. We can now override the 'b' tag, in exactly the same way as the block tags.
