This is a text block. You cannot use code within a text block, but it is easier to work with than a Markdown block, so it’s best to keep most of your text within text blocks, and only add Markdown blocks when you have a paragraph or heading with custom styles.

This paragraph is a Markdown Block with some custom formatting to make certain words yellow. You can add a Markdown block the same way you add a text, image, or any other block. It's the second option, just to the right of text blocks. Once a new paragraph starts, it's best to move back to a new text block, to make editing easier.

This is a text block again. Unless you’re looking very, very closely at spacing, you won’t notice that the three paragraphs under the line are three different blocks entirely, rather than three paragraphs in one block. (And if you’re a user, who doesn’t know anything at all about blocks, you won’t notice anything.)


The code you’ll use to add different colored text is:

<span style=”color: #HEXCODE ;”>TEXT GOES HERE</span>

Simple explanation: copy and paste your hexcode, including the # symbol, in the place where it says “#HEXCODE”. Then delete the “TEXT GOES HERE” text and write whatever text you’d like to be colored differently. Once you’ve typed your differently-colored word or phrase, put your cursor after the > symbol on </span>, add a space, and begin typing as normal.

How it works: A ‘span’ is just a section of text that’s different. Anything between the ‘span’ tags (<span>this text is between the tags</span>) will have the ‘style’ properties you give it. The only style you need to give your text is a new color. So you’ll paste the hexcode of the new color, including the # symbol, after ‘color:’. The last thing inside the quotes is a semicolon (;). This is a necessary symbol, it marks the end of the hex code. Some Internet browsers will work without the semicolon, as they’re “assume” you meant to add one, but others will not, so make sure there’s always a semicolon after your hex code and before your quotes. Then, delete the ‘TEXT GOES HERE’ filler between the tags, and type your own text/content. If your tags aren’t working as expected, make sure they’re properly closed. A closing tag has a / in it (</span>) and it’s easy to accidentally delete the </ and only replace it with a <.

The hex codes you’ll use most often are:

#edc108 for yellow

#249fd4 for blue (be careful with this in regular text, it'll make things look like links)

#ffffff for pure white (helpful in blue headings)

#000000 is black, which can be hard to read on dark backgrounds, as shown here, but might be useful over photographs.

You can use any other hex colors you find, but these will be the most useful.

Below are some Markdown and text blocks with examples, so you can see how they look, and how they're made.


This is regularly-formatted text in a Markdown block.

This is a heading 1 in a Markdown block.

This is a heading 2 in a Markdown block.

Markdown blocks will accept HTML code, so you can change individual words with code if needed, or make exception to the style rules as needed.

An example of bold text with a different-colored section in it.

An example of a heading with a different-colored section in it.

Open the Markdown block to see how these are made!