Carousel Academy

Articles in this section

See more

Advanced Text Formatting for Bulletins and Templates

  • Updated

This is considered a Power User feature in Carousel Cloud. Note that improper use of formatting could cause your bulletin or template to break, so proceed with caution. We do not publicly advertise advanced formatting as a feature, so support using markup languages is not guaranteed.

Inline CSS

Carousel Cloud allows for the use of some inline CSS text styling. Below is a sample of the most common use cases, but as noted, these could change or cease to function correctly as HTML and CSS transform over time.

For more details on Inline CSS, and other examples, we suggest exploring the W3Schools CSS Catalog.

Example Code

Bold

This is a <span style="font-weight:bold;">bolded</span> word.

Example: This is a bolded word.

Italic

This is an <span style="font-style:italic;">italicized</span> word.

Example: This is an italicized word.

Underline

This is an <span style="text-decoration:underline;">underlined</span> word.

Example: This is an underlined word.

Strikethrough

This is a <span style="text-decoration:line-through;">struck-through</span> word.

Example: This is a struck-through word.

Color

These are <span style="color:#006644;">differently colored</span> words.

Example: These are differently colored words.

Size

These would be <span style="font-size:30px;">different-sized</span> words.

Example: These would be different-sized words.

Uppercase

This is an <span style="text-transform:uppercase;">uppercase</span> word.

Example: This is an UPPERCASE word.

Combined

Styles may be combined into a single span.

These are <span style="font-weight:bold; font-style:italic; text-decoration:underline; color:#006644"; text-transform:uppercase;">bold, italicized, underlined, differently colored, and uppercase</span> words.

Example: These are BOLD, ITALICIZED, UNDERLINED, DIFFERENTLY COLORED, AND UPPERCASE words.

HTML 4.0 (Deprecated with HTML5 and Inline CSS)

HTML stands for Hypertext Markup Language. Carousel supports a limited amount of HTML formatting in templates. Using HTML in your templates, you can expand what you can do with your bulletins.

Here are some examples of formatting code you can use to spruce up your bulletins:

Formatting HTML Usage

This text is bold!
<b>This text is bold!</b>

This text is Italic
<i>This text is Italic</i>

This text is looking small
<small>This text is looking small</small>
Good for nesting smaller text within normal-sized text.

Strikethrough text
<del>Strikethrough</del> text

This is subscripted text
This is <sub>subscripted</sub> text.

And this is superscripted.
And this is <sup>superscripted</sup>

Add a splash of color.
Add a <font style="color:red">splash</font> of color.

You can define colors with RGB, HEX, etc. More on this here.

  • Coffee

  • Tea

  • Milk

<ul><li>Coffee</li><li>Tea</li><li>Milk</li></ul>

You can even nest / indent lists within lists to add "sub" lists. More about lists here.

  1. Coffee

  2. Tea

  3. Milk

<ol>  <li>Coffee</li>  <li>Tea</li>  <li>Milk</li></ol>

Ordered/numbered list.

Heading!

And text beneath

<h1>Heading!</h1>

and text beneath

You can use heading tags <h1> through <h6>. More about headings here.

There is probably more HTML Formatting that works in Carousel. Feel free to experiment with others! This formatting doesn't work in all scenarios.

Related articles