It is also possible to use stylemap.yml to map Word styles to HTML elements with classes.
When using the following example, Fluid Topics transforms info paragraphs into <div class="note" data-custom-style="info"> elements.
div.note:
- info
Download the stylemap_use_example.zip 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;
}