Colored Text

Welcome! » Editing For Beginners » Colored Text

Simple Colored Text (Using Wiki Syntax)

You can create colored text by using this format :

##color|text##

The color of the text is on the left side of the bar and the text itself is on the right side of the bar.

Examples

	Code Example	Example
Named Color	##red\|Don't Panic.##	Don't Panic.
Hex Color 1	##F00\|Don't Panic.##	Don't Panic.
Hex Color 2	##FF0000\|Don't Panic.##	Don't Panic.

Using [[Span]]

If you are more comfortable using CSS, you can use [[span]].

	Code Example	Example
Named Color	[[span style="color:red;"]]Don't Panic.[[/span]]	Don't Panic.
Hex Color 1	[[span style="color:#F00;"]]Don't Panic.[[/span]]	Don't Panic.
Hex Color 2	[[span style="color:#FF0000;"]]Don't Panic.[[/span]]	Don't Panic.

Using [[Div]]

To set an entire paragraph or set of paragraphs to a certain color, you can use a [[div]] block with CSS styling. For example, this paragraph uses div. Note that you can still change the color if you need to.

Here is the code for this particular paragraph.

[[div style="color:teal;"]]
To set an entire paragraph or set of paragraphs to a certain color, you can use a {{@@[[div]]@@}} block with CSS styling.  For example, this paragraph uses div.  Note that you can still ##000|change the color## if you need to.

Here is the code for this particular paragraph.
[[/div]]