Add styles - Fluid Topics - Latest

Microsoft Word Connector Reference Guide

Reference Guides

It is also possible to use stylemap.yml to map Word styles to CSS classes.

When using the following example, Fluid Topics transforms the info paragraphs into <div class="note" data-custom-style="info"> elements.

  - info

Download the attachment for an example style map and Word document.

Fluid Topics transforms paragraphs with custom styles that are not mapped with stylemap.yml as <div> elements with a data-custom-style attribute. The value of data-custom-style corresponds to the name of the style.

Users can style these paragraphs using CSS in the Content Styles editor. For example, if a Word file contains a substep style not mapped with stylemap.yml, users can style it in the Content Styles editor as follows:

div[data-custom-style="substep"] {
    font-family: "Comic Sans MS", "Comic Sans", cursive;
    color: red;
    font-size: 20pt;