Managing Sections

Text

What are text boxes?

Text boxes can include text, headers, images, links and email addresses.

To edit a text box you use an online editor. This allows you to format text much as you do in Microsoft Word, without having to get involved in any coding.

Online Editor Tips

'Visual' mode and 'Code' mode

An online editor has two modes - visual mode and code mode. You should only need to use visual mode.

Sometimes, when you edit a text box, you might find that the editor has been left in code mode. No problem! Just click the switch to visual button at the bottom right.

Starting a new line versus starting a new paragraph

Online editors work slightly differently than editors like Microsoft Word. In an online editor:

To create a new paragraph, hit the enter/return key once:
[RETURN] => starts a new paragraph

New paragraph

To move down to the very next line, without starting a new paragraph, hold down the shift key as you hit the enter/return key:
[SHIFT] + [RETURN]  => starts a new line
A new line

Images

You can insert images into a text box using the 'add image' button:

edit-free-text.jpg

Then add your image files:

  • Add files:
    • drag image files into the Filename area OR add them uisng the [Add Files] button
    • Click the 'Start Upload' button
  • Select the file you wish to insert into your text by ticking the checkbox next to its name
  • Click the 'insert selected' button

image-browser.jpg

Tip: if your image is particularly large - either in dimensions, file size or resolution, it's best to resize your image to the size you want it to display before uploading it.

Formatting Text

Use the text box formatting buttons to:

  • Create numbered and bulleted lists
  • Make text BOLD
  • Make text ITALIC

You can also use the 'Formats' dropdown to create the following headings and sub headings:

HEADING 1

Heading 2

Heading 3

Heading 4  

Heading 5
Heading 6

Links

Simple

To add a link to an email address you can simply type the email address, then hit [space] or [enter] on your keyboard. It will automatically translate into a link.

For example:
help@smlwrld.io

To link to another web page or website, you can do exactly the same.

For example:

www.smlwrld.io 
www.google.com

Advanced

If you want to make the link text different to the link destination, simply use the link formatting button.

For example:
SmlWrld Website  (start the link with http:// or https://)
Contact SmlWrld (start the link with mailto:)

And don't forget to read our guide on writing good, descriptive link text.