When you select the ‘format’ dropdown menu tools to format text are available. The options to bold, italicize, and underline text are here. Strikethrough text displays your words with a horizontal line through their center. Superscript text is positioned slightly higher than the text on the line.
Subscript is the opposite and displays text slightly lower than the text on the line. In addition, there is an option to clear formatting.
There is a separate menu for formats that include headings, inline, blocks, alignment, and custom classes which are explained further in depth below:
Headings
There are six available headings to format with. A good H1 heading includes important keyword(s) that relate to the content of the page. These are followed by H2-H6 headings in the correct hierarchy rather than more H1 headings. Heading 1 is always the title field, so for your purposes you need to start with ‘Heading 2’. Highlight the text that you want to format as ‘Heading 2’ and any headings that you want to format as ‘Heading 3’ must relate directly to ‘Heading 2’ and so on. The content underneath the headings should be formatted as ‘paragraph’. You’ll see that the size of the text decreases as the heading numbers increase.
Inline
The inline menu options are the same as the menu options for the format tab with the addition of the code tool. The code tool changes your text into code text.
Blocks
Under the blocks menu there are options to format your text into a paragraph block, a blockquote, Div or Pre.
Paragraph Block
Block paragraph makes the text look like a unit, this formatting is often used in a news story. Paragraph blocking gives text independence helping the reader with coherence.
Block Quote
A block quote is unaligned with the main text distinguished using indentation. Block quotes are usually used for long quotations. See below: paragraph one is not formatted and paragraph two is formatted as a block quote.
Div
A <div> element is a container for HTML elements to format them within Cascade.
Pre
Pre format stops your text from wrapping around the page like it normally would. As you can see below, the text formatted with ‘pre’ does not wrap the page like the text above it. The user now has to scroll to see the complete quote.
Alignment
The alignment menu displays the options to align your text to the left, center, or right. Justify means that the text is neither aligned to the right or left, so the text falls within both margins.
Custom Classes
Custom classes contain the options for button-links, img_left, and img_right formatting.
Button-link
A button-link is generally used for links, and not images. The result looks like this:
img_right
Select ‘img_right’ if you want to float your image to the right of the text.
img_left
Select ‘img_left’ if you want to float your image to the left of the text.