help

Formatting Text

In the above video you can see how to use the menu options on the right to affect the general appearance of the text on your pages.

Line Breaks

To add a line break in a text box simply add two spaces to the end of a line and press return.
This will add a line break to your text as seen here!

Headings

To make any line in a textbox a heading just add a hash/pound sign (#) to the beginning of that line.
You can add sub-headings by using more than one hash.
The more hashes you add the smaller the heading will be.

###Small sub-heading

Small sub-heading

#####Smaller sub-heading!

Smaller sub-heading!

Text links

Adding links to text using markdown is easy.
You place the text you want to display in square brackets [].
Then the link URL in curved brackets ().

[Salon Homepage](http://Salon.io)

Salon Homepage

If you need more control over your links (to set targets for example) you can also use standard HTML link tags as shown below.

<a href="https://Salon.io" target="_blank">Salon Homepage</a>

Salon Homepage

If you have a custom domain setup you should remember to use ambiguous links when adding text links. See below for an example of this:

[photography](http://salon.io/jim/photography)

The above will work, however if a visitor is on Jim's custom domain (let's say http://jim.com for example) and clicks the link they will be taken to the photography page but on the salon.io domain.

[photography](./photography)

The above is better as whether on the custom domain or salon.io domain the link will function correctly and if on jim.com the user will be taken to jim.com/photography.

Emphasis

Making text bold or italicised is achieved by adding either asteriks (*) or underscores (_) on both sides of the text you want to affect.

*Italic* _italic_

Italic italic

**bold** __bold__

bold bold

***bold & italic***  ___bold & italic___

bold & italic bold & italic

Lists

Unordred lists can be created with either asteriks (*), hyphens (-) or pluses (+).

Milk
Cheese
Eggs

Code

To add code blocks just add four spaces to the beginning of each line you want to not render.

This is unrendered text I can add *asteriks* or  
__underscores__ and they display as normal.

More About Markdown

On Salon.io all of your textboxes can be formatted using standard HTML. However you can also use Markdown (as shown above), which is a lightweight markup language based on the formatting conventions that people naturally use in email.

This is great for people who don't know how to write code as it allows them to easily format text in a way they can understand without getting involved with setting tags, classes and the like.

Have a look at this Markdown playground with live preview and you will quickly understand how it works.

Click here for a great video explaining Markdown.

More good information on Markdown:
- The Markdown Mindset
- Markdown Syntax Explained
- Markdown Cheat Sheet
- John Gruber's (Markdown's creator) site